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

• Uses Create-React-App
• PokeAPI

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