This is an example of a basic pokemon store using the PokeAPI.
To run this, clone the repo and run npm install && npm run dev and then open the app in the port that's displayed in the terminal
A running copy of this code is currently hosted at Vercel at Pokemon Store
[ ] Create a view that shows a list of pokemon using the PokeAPI https://pokeapi.co/api/v2/pokemon
Each pokemon should display the following properties:
- default front image
- name
- every one of its stats (hp, attack, defense, etc)
[ ] Add a loading message or animation
[ ] Every pokemon should have a price, which will be the average value of all of its stats. Add this to the previous view.
[ ] The user will get $250 credits to buy pokemon.
[ ] Update the list of pokemon, adding a button to add it to the cart.
[ ] The user should only be able to add as many pokemon as he can afford.
[ ] Create a new view to show the pokemon in the cart
[ ] Every pokemon needs a button to remove it from the cart.
[ ] Create the user interface to switch between the main view and the cart.
[ ] Show the total and the available credit somewhere in the interface
[ ] Add an input field to filter the list of pokemon in the main view.
The PokeAPI does not have any support for searching, so you will need to fetch the entire list of pokemon and filter it in the frontend.
To fetch the full list, use https://pokeapi.co/api/v2/pokemon?limit=2000
You might need to think about how to optimize the operation to reduce the number of requests to the API.
[ ] Add documentation to the code, using comments to describe your ideas around functions and blocks of code.
[ ] Talk about the deployment plan, initially the app can be run locally, but you need to consider the hosting options.