This project is a Pokémon-themed website built with React and containerized using Docker. It leverages the Pokémon API to allow users to select areas, explore locations, and engage in Pokémon battles. The goal is to provide a fun and interactive experience for Pokémon fans.
This project was developed by a team of three developers. It is a fully interactive website where users can explore different areas from the Pokémon world, select locations, choose Pokémon, and engage in battles. The application uses the Pokémon API to fetch Pokémon data and render various battle statistics.
- Area and Location Selection: Users can choose from different areas in the Pokémon universe and navigate through various locations.
- Pokémon Battle System: Users can select their Pokémon and an enemy Pokémon to engage in a turn-based battle.
- Real-time API Data: The website uses the Pokémon API to retrieve live data on Pokémon, including their stats, abilities, and types.
To install and run the project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/Nuubshybot/fetch-the-pokemon.git cd pokemon-website
-
Install dependencies:
npm install
-
Start the development server:
npm start
The website will be available at http://localhost:3000
.
- Select an Area: After loading the website, you can choose from different areas of the Pokémon world.
- Choose a Location: Once the area is selected, explore various locations within that area.
- Battle Setup: Select your Pokémon and the enemy Pokémon. The battle will simulate using stats retrieved from the API.
- Engage in Battle: Use turn-based actions to defeat the enemy Pokémon, with real-time stats being displayed for each action.
To run the project using Docker, follow these steps:
-
Build the Docker image:
docker build -t pokemon .
-
Run the Docker container:
docker run -p 3000:3000 -d pokemon
-
Once the containers are up, access the website at
http://localhost:3000
.
This project uses the PokéAPI to retrieve Pokémon data. The API provides detailed information about each Pokémon, including stats, types, and abilities, which are dynamically fetched and displayed during battles.
- Zoli - @NuubShybot
- Samu - @nionys
- Attila - @Attila112
This project is licensed under the MIT License.