Pokedex React

The Pokemon App using React,Tanstack,Gsap.

⭐️ Source:
https://github.com/ax95877/pokemon-react

⭐️ Live:
https://pokemon-web-gamma.vercel.app

⭐️Feature

Infinite scrolling
Gsap -FloatingText
Gsap - Card shimmer gradient

⭐️Keys
React, Infinite scrolling
Gsap -FloatingText
Gsap - Card shimmer gradient
Timestamps:
00:00 Introduction & Demo
scaffolding project
install packages
tailwind css installation & setup
add tailwind css to the project
configure tailwind css
add a simple tailwind class to a page
run the app and verify tailwind works
set up routing
add basic page with a root route and a single page route
run the app and verify routing works
add the layout component to the root route
run the app and verify UI works
API integration
create an API client
add a data fetching function for pokemon
use grid to display pokemon cards
run the app and verify API works
hero section
add floating text
Add loading & error states
Add loading state to the pokemon page
Add error state to the pokemon page
Run the app and verify loading & error states work

Видео Pokedex React канала Alex AI Coding