The Pokemon Team Selection project is a web application that allows users to create their own Pokemon team using data from the Pokemon API. Users can select up to 6 Pokemon from the first 100 Pokemon available in the API and receive a confirmation message of their final selection. The project includes additional challenges to enhance the user experience by allowing multiple selections of the same Pokemon, naming Pokemon, and swapping out team members.
- Pokemon List: Retrieve and display the first 100 Pokemon from the API.
- Team Selection: Allow users to select exactly 6 Pokemon for their team.
- Confirmation Message: Provide a confirmation message displaying the final team selection.
- Multiple Selections: Allow users to select multiple instances of the same Pokemon.
- Naming Pokemon: Allow users to assign names to each Pokemon in their team.
- Team Management: Allow users to swap out Pokemon from their team.
The following endpoint is used to retrieve the first 100 Pokemon from the Pokemon API: https://pokeapi.co/api/v2/pokemon?limit=100
-
Clone the Repository:
git clone <[email protected]:Gglasgow09/pokemon-team-selection.git>
-
Navigate to the Project Directory: cd pokemon-app
-
Install Dependencies: Install any required dependencies using npm or yarn
-
Run the Application: Open the app.js file in your web browser to run the app.
- Load Pokemon: When the page loads, the first 100 Pokemon will be fetched and displayed.
- Select Pokemon: Click on a Pokemon to add it to your team. You must select exactly 6 Pokemon.
- Confirmation: Once 6 Pokemon are selected, a confirmation message will appear displaying your final team.
- Select Multiple Pokemon: You can select the same Pokemon multiple times if this feature is implemented.
- Name Pokemon: Enter a name for each Pokemon after adding it to your team.
- Change Pokemon: Remove a Pokemon from your team and select a different one if needed.