Skip to content

Diocris/projeto-react-apis

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 

Repository files navigation

On this project were used the concepts of:

React, React Router, Styled-components, React Context, Axios, API, Design Systems.


Users have a list of Pokémon displayed for them to try to catch, and once they have caught a Pokémon, they can see it on their Pokédex page.

The Pokémon card show some pokémon's details, also the details and catch option.

pokémon card

Pokémon cards has some interactive actions triggered by user, they are:

Catch chance: Users will not have a 100% chance to catch a Pokémon. There is a chance that their Pokéball may break.
Shiny chance: Users can encounter a shiny version of a Pokémon. There is a chance to find them by using the catching system.
Release button: Users can release their Pokémon, removing it from their Pokédex page (if it's been caught).

Catching pokémon



On the Pokédex page, users can see the Pokémon they have already caught and can access their details and the release button as well.

Pokedex page



Inside pokémon Details use can see some extra informations about this pokémon, also they can try to catch or release.

pokémon details pokémon details

When user releases a pokémon, it will no long be displayed on their Pokedex, so user can try to catch it again from the list.

Releasing pokémon



This project was made for study proposals for a Full Stack Web Development course given by the company Labenu.

About

Project front-end + React + API

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 98.6%
  • Other 1.4%