React GraphQL Pokemon Starter

A Pokemon starter selection app built with React, TypeScript, and GraphQL. Choose your favorite starter Pokemon with interactive 3D card effects!

✨ Features

• GraphQL Integration: Fetches Pokemon data from the PokéAPI GraphQL endpoint
• 3D Card Effects: Interactive parallax tilt and glare effects using react-parallax-tilt
• Starter Pokemon: Display Bulbasaur, Charmander, Squirtle, and Pikachu
• Modern CSS: Utilizes logical properties and custom glow effects for each Pokemon
• TypeScript: Full type safety throughout the application

🛠️ Tech Stack

• React 19 with TypeScript
• Apollo Client for GraphQL data fetching
• Vite for fast development and building
• React Parallax Tilt for 3D card effects

🚀 Getting Started

1. Install dependencies:

   npm install

2. Start the development server:

   npm run dev

3. Open your browser and visit the local development URL

📝 Available Scripts

• npm run dev - Start development server
• npm run build - Build for production
• npm run preview - Preview production build
• npm run lint - Run ESLint

🎮 Usage

Simply hover over any Pokemon card to see the 3D tilt effect and colored glow. Each starter has its own unique color theme matching their Pokemon type!