A modern web application that serves as your comprehensive Pokémon information center. This interactive platform allows users to search and explore Pokémon cards, view detailed information about different Pokémon, discover their characteristics and abilities, enjoy interactive quizzes, stay updated with Pokémon news, and experience Pokémon sounds.
- Search for Pokémon by name
- View detailed information including stats, types, and abilities
- See 3D models of Pokémon
- Play Pokémon cries when viewing details
- Option to display both Pokémon info and trading cards
- Browse Pokémon trading cards
- View card details including rarity, set information, and market prices
- Direct links to purchase cards from TCGPlayer
- Filter cards by various criteria
- Test your Pokémon knowledge with interactive quizzes
- Questions about Pokémon types, abilities, and characteristics
- Score tracking and feedback
- Stay updated with the latest Pokémon news
- Filter news by category (TCG, TV Show, Video Games, Mobile Games)
- Read detailed articles with images
- Browse and play Pokémon cries
- Create a favorites list of your preferred Pokémon sounds
- Search for specific Pokémon sounds
- Interactive sound buttons throughout the application
- Modern, responsive design with Material-UI
- Dark theme with Pokémon-themed styling
- Smooth animations and transitions
- Easy navigation with tabs and floating buttons
- Mobile-friendly layout
- React.js - Frontend framework
- Material-UI (MUI) - UI component library
- Pokémon TCG API - For fetching Pokémon card data
- PokéAPI - For fetching Pokémon information
- Axios - HTTP client for API requests
- Web Audio API - For playing Pokémon cries and sound effects
- Local Storage - For saving user preferences and favorites
- Node.js (v14.0.0 or later)
- npm (v6.0.0 or later)
- Clone the repository:
git clone https://github.com/yourusername/pokeinfo-hub.git
cd pokeinfo-hub- Install dependencies:
npm install- Start the development server:
npm start- Open your browser and navigate to:
http://localhost:3000
- Search for Pokémon: Click on the search prompt and enter a Pokémon name
- View Trading Cards: Search for a Pokémon and select the "Show Both" or "Cards Only" option
- Take a Quiz: Click on the "Quiz" tab to test your Pokémon knowledge
- Read News: Click on the "News" tab to browse the latest Pokémon news
- Explore Sounds: Click on the "Sounds" tab to browse and play Pokémon cries
- Play Sounds: Click on the speaker icon next to any Pokémon to hear its cry
The application uses the following APIs:
- Pokémon TCG API: A free API key is included, but for production use, please obtain your own from Pokémon TCG Developers
- PokéAPI: No API key required
This project is licensed under the MIT License - see the LICENSE file for details.