This project is heading for the Pokemon World ! Its objective is create an CRA which will have many features, and everything with Create React App.
We also used the PokeAPI PokeAPI
graph LR
PokeAPI ---> MyPokeFight <-- CRUD Pokedex ---> NodeJS <-- DB CRUD ---> DataBase-MongoDB
-
Pokedex → A list of all Pokemons from the 1st Generation to the latest with Pagination
Details
: Shows stats about Pokemons such asattack
,speed
,health
,height
, etcNav Bar
: Enter the name or the number of a Pokemons in order to find It
-
User Account
→ You will be able to create an account with an username and a password. This gives the possibility to get 4 Pokemons randomly
PokeAvatar
: Every users have a PokeAvatar that is given randomly and which will be the avatar of the account. This can't be modified.PokeCoins
: Earn 4 PokeCoins at the creation of your account. One PokeCoin gives you the chance to get 1 Pokemons randomlyShiny ✨
: Pokemons can be into their Shiny's form (only Pokemons that have Shiny's form)Mega-Evolution
: Pokemons can Mega-Evolve which causes stats boosts
-
Battle Page 🆚 → Once you have at least 4 Pokemons, you can go fight with other users
Team ⚔️
: Your team Fight has to have 4 PokemonsEarn 🥇
: Every win you earn 1 PokeCoin you can use to get a new Pokemon
Note
ForMega-Evolution
, only those Pokemons id are available :
3, 6, 9, 15, 18, 65, 80, 94, 115, 127, 130, 142, 150, 181, 208, 212, 214, 229, 248, 254, 257, 260, 282, 302, 303, 306, 308, 310, 319, 323, 334, 354, 359, 362, 373, 376, 380, 381, 384, 428, 445, 448, 460, 475, 531, 719
Example of a Card → On mouse over there is the Shiny's form ✨
Lib |
---|
React |
Axios |
React-Bootstrap |
Router Dom |
![](https://private-user-images.githubusercontent.com/94532574/247074567-a08ebb43-1edb-4a14-bc91-37add1cb8e4f.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTg4NjkxNDQsIm5iZiI6MTcxODg2ODg0NCwicGF0aCI6Ii85NDUzMjU3NC8yNDcwNzQ1NjctYTA4ZWJiNDMtMWVkYi00YTE0LWJjOTEtMzdhZGQxY2I4ZTRmLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjIwVDA3MzQwNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWE4ZWRhZGY5OTI0MWEyZjEwZDVlNDFlMTdhNTA4Njc4MjNiZDU2N2RlNTBmODBmNmQ3NjU5MWE2MTg2YTI1OTUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.xFDNaCwmyuhpXs37AfoYxMuZi4wNQ1BeYLfVYjbA-lA)