• Overview
  • Screenshots
  • Link
  • Built With
• Requirements
• Thoughts
• Improvements
• Useful Resources

Live Link

• React
• React Router v6
• Futurama api

• Create a character wiki using an API that lists out all of the characters of your favorite TV series
• Add dynamic pages to the character wiki allowing people to navigate to characters to view more information
• Use some of the characteristics of the TV show to make the character wiki look like it belongs in that TV universe with custom styles and animations

• Original Futurama Api has been updated and its' characters endpoint was deleted.

• So I replaced that api with another Futurama api.

• The new api has a characters route and its json is similar to the previous api.

• First Appearance, Status & VoicedBy properties do not exist on this new api so these properties are replaced by the new api's sayings property.

• If you refresh on detail page, won't display anything - data is not persisted if cookie is blocked

• Api response is saved to sessionStorage to prevent another api request

• Added 'object-fit: contain' to the img tag - preserves the original aspect ratio and makes picture look better.

• Use dictionary list for the card detail - reduced extra styling required if I were to use headings for propert name and spans/paragraphs for property details.

• Added conditional to render 'unknown' if a property is missing a value or null

• Had to change original mobile design since I redesigned the card detail page

• Homepage grid changes depending on screen width

• styling / accessibility
• eliminate duplicated code
• update dependencies -> react 18

• Make School - make school tutorial with (outdated) react router
• Stack Overflow - refresh & state
• Blog - react & localStorage