Skip to content

Pokedex- PokeAPI. 152 pokemons with a details page with dynamic background and many details listed form the API.

Notifications You must be signed in to change notification settings

JoseCoelho25/react-pokedex

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

49 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React-Pokedex

I took the idea for this project from my React lessons and decided to do it using PokeAPI!

Image from Gyazo Image from Gyazo

The project consists of a responsive site using react, and tailwind for the design with the following:

  • Display of 152 pokemon using PokeAPI request
  • Dynamic page routing using react-router-dom
  • Dynamic details page with pokemon attributes, sprite, gender and many more curious facts
  • Bg color dynamic and diferent for each type of pokemon the user chooses
  • Navbar animations using GSAP.
  • Loading screen with GSAP animation while requesting data from API
  • Form with validations.
  • About page with contact info to me :)
  • Responsiveness

Installation

git clone: https://github.com/JoseCoelho25/react-pokedex.git

npm install

npm run dev

See it live https://react-pokedex-roan.vercel.app/

Tools & Libraries

ReactJS
Tailwind
Formik
Tailwind Components GSAP

About

Pokedex- PokeAPI. 152 pokemons with a details page with dynamic background and many details listed form the API.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published