A modern, responsive Pokédex web application built with Next.js, TypeScript, React Query and Tailwind CSS. This application allows users to browse, search, and explore Pokémon with a beautiful and intuitive interface.

• 🔍 Advanced Search - Find Pokémon by name
• 📱 Fully Responsive - Works seamlessly on all devices
• 🌓 Dark/Light Mode - Built-in theme support for comfortable viewing
• ⚡ Blazing Fast - Optimized performance with React Query
• 🎨 Beautiful UI - Modern interface built with Radix UI and Tailwind CSS
• 🧪 Comprehensive Testing - Unit, integration, and end-to-end tests for reliability
• 📊 Detailed Stats - View detailed Pokémon statistics and abilities

• Node.js 20.0.0 or later
• npm

1. Clone the repository

   git clone https://github.com/Dbuggerx/nextjs-pokedex.git
   cd nextjs-pokedex

2. Install dependencies

   npm install

3. Run the development server:

   npm run dev

4. Open your browser Visit http://localhost:3000 to see the application in action!

• dev - Start the development server with Turbopack
• build - Build the application for production
• start - Start the production server
• lint - Run ESLint

• test - Run all tests (unit, integration, and e2e)
• test:unit - Run unit tests with Vitest
• test:unit:watch - Run unit tests in watch mode
• test:unit:ui - Run unit tests with Vitest UI
• test:integration - Run integration tests
• test:e2e - Run end-to-end tests with Playwright
• test:ui - Run Playwright UI mode
• test:debug - Debug tests with Playwright
• test:chromium - Run tests in Chromium
• test:firefox - Run tests in Firefox
• test:webkit - Run tests in WebKit
• test:mobile - Run tests on mobile viewports
• test:dark - Run tests in dark mode
• test:report - Show test report

• generate-typed-api - Generate TypeScript types from PokéAPI OpenAPI spec

• React - JavaScript library for building user interfaces
• Next.js - React framework
• TypeScript - Type checking
• Tailwind CSS - Styling
• Radix UI - Accessible UI components
• Tanstack Query - Data fetching and state management
• Playwright - Reliable testing framework
• PokéAPI - Pokémon data

This is an ongoing project that's being actively developed.