[X] Desktop version
[X] Mobile version
Pokemon V2 uses a SearchBar feature to search for pokemons with useEffect hook in React. Since not all pokemons are available with photos and attributes, I chose to set a limit on their appearance in 897 - the limit was made to avoid visual breaks inside the cards. After a user click on each creatures, a new Card area reveals more information like type, powers and attributes. Otherwise if the user enters a wrong Pokemon name, a progress bar (obtained from the material's UI) is activated and visually simulates an uninterrupted search on the API system...
- Clone the repo (HTTP Protocol):
git clone https://github.com/Miltonr87/Pokemon-V2.git - Using NPM or Yarn to install the React APP and run the project on your computer.
As you see, Pokemon V2 runs on Node.js, so before you can continue, please ensure that you have it installed with NPM or Yarn. Once you have Node installed, you will need the React (17.01) library. So, to start the project in your machine, open your terminal inside the Pokemon V2 folder and type "NPM Install" or "Yarn Install".
- Axios (To capture the Pokemon API information)
- Styled Components (Used to simplify CSS and optimize the application)
- React Router (React Component Pattern)
- React Scroll (Scroll effects after menu click)
- React Reactions (To insert specific Pokemon icon as a button)
- Material UI (Component Design and Miscellaneous Icons)
This project is licensed under the MIT License. Copyright © Milton Rodrigues