Jvcgoncalves / pokeInfo

My first project using react, project developed with SASS, REACT, JS, using vite to help developement

PokeInfo

My first react project, this is a SPA about pokemons, have 3 generations (1º until 3º)

Techs

• JavaScript ES6
• ReactJS
• SASS
• Bootstrap
• Vite
• Npm
• Git

Services Used

• Github
• Netlify

How to use

- 1 When you acess you will see the main page, for mobile the type filter is hidden, but if you click on "filtro" it will appear and the search bar is also hidden, but you can click at magnifying glass to open it

- 1.1 You can search pokemons by name or number (the number on top of pokemon boxes)

- 2 You can click at menu types on left side and scroll down and up, if you click on one of them, the page will show pokemons with the selected type

- 3 you can click or touch in "Ver mais"

- 4 If you click or touch, you will be redirected to this page, you can scroll down and enjoy the pokemon information

- 4.1 This button changes the pokemon skin between default and shiny

Features

The features of the application are:

• See information about pokemons that have until the 3ª generation
• Filter by type
• Search mechanism

Links

• Deploy on netlify: https://pokes-info.netlify.app/
• Repository: https://github.com/Jvcgoncalves/pokeInfo
  • In case of bugs or suggestions contact [e-mail]

Versioning

1.2.0.0

Authors

• João Vitor Gonçalves da Costa

Please follow github and linkdin (link in my profile )! Thanks to visiting me and good coding!