A pokemon list where you can see the pokemon status and comments about it.
Try it out now at https://pokelist-psi.vercel.app/
Pokemons' info obtains from http://pokeapi.co
Below are the implemented features:
- List of all pokemons
- A pokemon page where you can see the height, weight and type of that pokemon
- Input where you can search for a pokemon
- Google login
- See comments
- Comment
The following tools and frameworks were used in the construction of the project:
vite; react; react-router-dom; styled-components; axios; mui/material; mui/icons-material; cypress; react-google-login;
- Clone this repository
- Clone the back-end repository at https://github.com/Notye1K/pokelist-API
- Follow instructions to run the back-end at https://github.com/Notye1K/pokelist-API/tree/main#readme
- Install dependencies
npm i
- Add and config a .env file
- Run the front-end with
npm run dev
This script will open a window in your browser, if don't you can access http://localhost:5173 on your favorite browser (unless it is Internet Explorer. In this case, review your life decisions)
- You can optionally build the project running
npm run build
Builds the app for production to the build
folder.
It correctly bundles React in production mode and optimizes the build for the best performance.