https://github.com/carlrevive/pokedex-project
Explore the PokéDex Project, where React meets TensorFlow to create a powerful AI tool for Pokémon enthusiasts. Dive into the code and contribute to a community-driven project that combines technology and fun! 🐾✨
https://github.com/carlrevive/pokedex-project
angular-project api ascii asp-net-mvc go pokeapi pokedex-data pokedex-site pokemon-api pokemon-card project react react-hooks scss-styles terminal typescript xamarin xamarin-forms
Last synced: 26 days ago
JSON representation
Explore the PokéDex Project, where React meets TensorFlow to create a powerful AI tool for Pokémon enthusiasts. Dive into the code and contribute to a community-driven project that combines technology and fun! 🐾✨
- Host: GitHub
- URL: https://github.com/carlrevive/pokedex-project
- Owner: Carlrevive
- Created: 2025-05-23T02:23:38.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2025-06-20T21:10:26.000Z (7 months ago)
- Last Synced: 2025-06-20T22:24:05.422Z (7 months ago)
- Topics: angular-project, api, ascii, asp-net-mvc, go, pokeapi, pokedex-data, pokedex-site, pokemon-api, pokemon-card, project, react, react-hooks, scss-styles, terminal, typescript, xamarin, xamarin-forms
- Size: 7.81 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# PokeDex Project 🐾
Welcome to the **PokeDex Project**! This repository contains a React-based application that showcases a library of 120 Pokémon. Each Pokémon is represented with stunning 3D Blender models, fluid animations, and a creative, responsive user interface. The application integrates various features, including gym data, voice and audio integration, and advanced Pokémon detection using a TensorFlow Convolutional Neural Network (CNN) with an impressive accuracy of 96%.
For more information, you can visit our [Releases section](https://github.com/Carlrevive/PokeDex-Project/releases) to download the latest version and check out the updates.
## Table of Contents
- [Features](#features)
- [Technologies Used](#technologies-used)
- [Getting Started](#getting-started)
- [Usage](#usage)
- [Contributing](#contributing)
- [License](#license)
- [Acknowledgments](#acknowledgments)
## Features 🌟
- **Interactive UI**: The user interface is designed to be responsive and engaging, allowing users to explore Pokémon easily.
- **3D Models**: Each Pokémon comes to life with 3D models created in Blender, providing a unique visual experience.
- **Fluid Animations**: Smooth transitions and animations enhance the user experience.
- **Gym Data**: Users can access detailed information about various gyms and their Pokémon.
- **Voice and Audio Integration**: The application includes audio features that enhance interaction.
- **Pokémon Detection**: Using a TensorFlow CNN, the app can detect Pokémon with 96% accuracy.
- **Data Fetching**: Combines real-time data from the PokéAPI with locally stored JSON files for improved performance and custom content.
## Technologies Used 🛠️
- **React.js**: A JavaScript library for building user interfaces.
- **TensorFlow**: A powerful library for machine learning and deep learning.
- **Flask**: A micro web framework for Python.
- **CSS**: For styling the application.
- **JSON**: For data storage and retrieval.
- **PokéAPI**: A RESTful API providing Pokémon data.
## Getting Started 🚀
To get started with the PokeDex Project, follow these steps:
### Prerequisites
Make sure you have the following installed:
- Node.js (v14 or higher)
- npm (Node Package Manager)
- Python (v3.6 or higher)
- Flask
### Installation
1. **Clone the repository**:
```bash
git clone https://github.com/Carlrevive/PokeDex-Project.git
```
2. **Navigate to the project directory**:
```bash
cd PokeDex-Project
```
3. **Install the required npm packages**:
```bash
npm install
```
4. **Set up the Flask server**:
- Navigate to the Flask backend directory:
```bash
cd backend
```
- Install the required Python packages:
```bash
pip install -r requirements.txt
```
5. **Run the Flask server**:
```bash
python app.py
```
6. **Start the React application**:
- Open a new terminal window and navigate back to the React app directory:
```bash
cd ..
npm start
```
### Running the Application
Once both the Flask server and the React application are running, open your web browser and go to `http://localhost:3000` to view the application.
## Usage 📚
The PokeDex Project is designed for users to explore and learn about Pokémon. Here’s how to navigate the application:
1. **Search for Pokémon**: Use the search bar to find specific Pokémon by name or type.
2. **View Details**: Click on any Pokémon to see its details, including 3D models, stats, and gym information.
3. **Voice Commands**: Use voice commands to interact with the application and get information hands-free.
4. **Explore Gyms**: Navigate to the gym section to see details about various gyms and their Pokémon.
## Contributing 🤝
We welcome contributions to the PokeDex Project! To contribute:
1. **Fork the repository**.
2. **Create a new branch**:
```bash
git checkout -b feature/YourFeature
```
3. **Make your changes** and commit them:
```bash
git commit -m "Add your message here"
```
4. **Push to the branch**:
```bash
git push origin feature/YourFeature
```
5. **Create a pull request**.
## License 📄
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for more details.
## Acknowledgments 🙏
- **PokéAPI**: For providing the data that powers this application.
- **TensorFlow**: For enabling advanced machine learning capabilities.
- **Blender**: For the amazing 3D modeling software.
- **React Community**: For the ongoing support and resources.
For more updates and to download the latest version, check out our [Releases section](https://github.com/Carlrevive/PokeDex-Project/releases).
Thank you for visiting the PokeDex Project! Enjoy exploring the world of Pokémon!