alcocere/pokedex

Pokédex project

Pokedex

Mid-term assessment (React) at Adalab's programming bootcamp

This project shows a list of pokemon, with an individual card for each one, with relevant information, such as name, types and an image. The pokemon information is obtained from an array of data that we include in the state of the App component.

Another functionally is that if you click on the card it will appear on the favorite section.

Installation

This is what you have to do:

• Download or clone the project repository.
• Install dependencies with $ npm install.
• Run the project with $ npm start.

Project Structure

src
├── components
│   ├── App.js
│   ├── PokeList.js --> (render the card list)
│   └── Pokemon.js --> (renders the card of each pokemon)
├── data
│   └── data.json
├── images
├── styleSheets
│   ├── App.scss
│   ├── index.scss
│   ├── PokeList.scss
│   └── Pokemon.scss 
└── index.js

I used React to make this SPA, and here's is the final result.

pokedex's Issues

Mejoras!!!

Buen trabajo @alcocere !

Está perfecto Elisa, solo una cosa

• Usa propTypes para comprobar el tipo de dato de las props para practicar

se te da muy bien la programación 🥇 !!

Cuando tengas esto si quieres puedes:

1. Añadir un click a Pokemon que: marca o desmarca el pokemon como favorito en el array del estado de App.
2. Pasar este dato al componente Pokemon por props
3. Pintar Pokemon con otros estilos cuando por props nos llegue la info de que el pokemon es favorito

Si tienes cualquier duda, avisa!