Pokemon Favorites ♥️

Description and funtionality

App fetches a list of 20 Pokemon and displays the pokemon as a card with their name, image, and weight.

  • Users can favorite a pokemon, favorited pokemon are then disaplyed together in Your Favorites section
  • Favorited Pokemon are persisted with in local storage
  • Users can change the sort order from A - Z to Z - A
  • An additional 20 pokemon can be added with the Load 20 More Pokemon button

Technical Details

How to run this app

  1. Clone repo on to your machine
  2. CD into pokemon-favorites
  3. run npm install
  4. run npm start and to view tests npm test
  5. visit localhost:3000 to see app running locally

View app deployed with netlify: pokemon-favorites.netlify.app/

My process

I started by writting out all project deliverables into trello cards. I used Todo, Doing, and Done columns to organize these cards and updated thoughout the project as neccesary. Next I used Figma to create wireframes and start thinking about contrast and color palette. I then started building referencing the trello board throughout.

Future Features

  • Additional sorting by weight
  • Style loading indicators with a spinner animation
  • further UI handling of Errors