GeeksterMon is a web application that displays information about Pokémon, including their images, names, types, and abilities. Users can filter Pokémon by type and search for Pokémon by name. This README provides an overview of the application, its features, and how it works.
You can access the live demo of GeeksterMon here.
- Displays Pokémon information, including images, names, types, and abilities.
- Allows filtering Pokémon by type.
- Supports searching for Pokémon by name.
- Provides a visually appealing and user-friendly interface.
GeeksterMon is built using HTML, CSS, and JavaScript. Here's an overview of how it works:
- The HTML structure defines the layout of the web page, including the header, forms, and the pokedex section.
- Forms are used for filtering by type and searching for Pokémon by name.
- CSS styles define the visual appearance of the application, including fonts, colors, and layout.
- Flip card animations are applied to create an interactive card-based display for Pokémon.
- JavaScript is used to fetch data about Pokémon from the PokeAPI.
- It dynamically creates Pokémon cards with front and back sides for each Pokémon.
- Users can filter Pokémon by type and search for them by name.
- Event listeners are used to handle user interactions and update the displayed Pokémon accordingly.
To run GeeksterMon locally, follow these steps:
-
Clone this repository to your local machine:
git clone https://github.com/22pankajsahu/JS_PRO_GeeksterMon.git
-
Open the project folder in your preferred code editor.
-
Launch the
index.html
file in a web browser.
-
Open GeeksterMon in your web browser.
-
You can use the type filter to select a specific Pokémon type.
-
Use the search bar to search for Pokémon by name.
-
Pokémon cards will be displayed based on your selections and searches.
Contributions to GeeksterMon are welcome! If you'd like to contribute, please follow these steps:
-
Fork the repository to your own GitHub account.
-
Create a new branch for your feature or bug fix:
git checkout -b feature/your-feature-name
-
Make your changes and commit them:
git commit -m "Add your feature or fix"
-
Push your changes to your forked repository:
git push origin feature/your-feature-name
-
Open a pull request to the original repository.
This project is licensed under the MIT License. See the LICENSE file for details.
- PANKAJ SAHU
- LinkedIn: PANKAJ SAHU
- Email: [email protected]
- GitHub: 22pankajsahu