This is a dummy application to improve my React and Redux skills. I'm sure it has several errors and it needs to be improved but for me it was worth it because I learned a lot doing it.
The aim was to create an app that used Redux as a state manager for share data between components such as the number of Pokémons added. I have created two reducers, one for the Pokémons and other for the cart.
Once the Pokémon list is fetched from the API the data is displayed in a table. Then, you can add Pokémons (without repetition) inside the cart.
In the cart view, you can see the details of a specific Pokémons or you can remove it from the cart.
The Home view will show the image of Pokémons added to the cart or a message if the cart is empty.
This is an on-the-fly list of all the cool things to improve on the app.
- Add a spinner for the Pokémon fetch data.
- Improve the add button. When you add a new Pokémon to the cart, the add button will be disabled.
- Add a spinner for the Pokémon details.
To install Redux DevTools as a NPM execute: npm install --save-dev redux-devtools-extension and move inside dependencies.
If you have some doubts or need to ask something about the project, feel free to reach me here:
- Twitter: https://twitter.com/jgcarrillo
- LinkedIn: https://es.linkedin.com/in/jgcarrilloweb
- Website: https://jgcarrillo.com/