Create a web application that displays a list of the first 30 Pokémons from the PokéAPI. The application should have the following features:
- Display a list of 30 Pokémon (name & image)
- Display the details of a Pokémon when clicked on currently displayed name,image,types,height,weight and stats
- Favorite a Pokémon and display it at the top of the list
- Must be responsive
Check out the live demo here
This project was bootstrapped with Create React App.
To run the project, you need to have Node.js installed on your machine. You can download it from here.
Once you have Node.js installed, you can run the following commands in the project directory.
Installs all the dependencies required for the project and runs the app in the development mode.
Runs the app in the development mode.
Then open http://localhost:3000 to view it in the browser.
- React
- Typescript
- Material UI (for styling)
- React Icons (for icons)