Welcome to the Pokémon Dashboard project! This dashboard allows users to compare and visualize the stats of different Pokémon, providing a powerful interface for fans and data enthusiasts to explore Pokémon statistics interactively.
Features
- Stat Comparison: Select multiple Pokémon and compare their base stats (Attack, Defense, Speed, HP, etc.) side by side.
- Visualization: Visualize Pokémon stats through interactive graphs and charts for better analysis.
- Search Functionality: Quickly search for any Pokémon by name or Pokédex number.
- Filter by Type: Filter Pokémon by their type (e.g., Water, Fire, Grass) to narrow down comparisons.
- Detailed Pokémon Info: View a detailed profile of each Pokémon, including types, abilities, and base stats.
Technologies Used
- Frontend: React.js for building a dynamic and responsive UI. Chart.js or D3.js for creating interactive charts and visualizations.
- Backend: Node.js and Express for handling API requests.
- Database: PostgreSQL or MongoDB to store Pokémon data.
- Pokémon Data API: PokéAPI for retrieving real-time data on Pokémon stats and abilities.
Installation
- Prerequisites Node.js npm or yarn PostgreSQL or MongoDB (depending on database choice)
Clone the repository:
- bash
- Copy code
- git clone https://github.com/gridblue/pokemon-dashboard.git
- cd pokemon-dashboard
Create a .env file and add the following:
- makefile
- Copy code
- DB_HOST=your_database_host
- DB_USER=your_database_user
- DB_PASSWORD=your_database_password
- DB_NAME=pokemon_dashboard
Run the server:
- bash
- Copy code
- npm run dev
Open the app:
- Open your browser and navigate to http://localhost:3000.
Usage
- Search for Pokémon: Use the search bar to find Pokémon by name or Pokédex number.
- Compare Pokémon Stats: Select up to 3 Pokémon to compare their stats.
- Visualize: View stats as bar charts, radar charts, or line graphs.
- Filter by Type: Filter Pokémon by types to narrow down your comparisons.
Contributing
- We welcome contributions! To contribute:
- Fork the repository.
- Create a new feature branch.
- Commit your changes.
- Push the branch and open a pull request.
- Please make sure to update tests as appropriate.
Contact
- For any questions or suggestions, feel free to reach out:
Email: tejussrao.work@gmail.com GitHub: gridblue