Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/arnab-4/pokemon-day
The Pokemon Website, crafted with React.js and Tailwind CSS by Arnab Manna, offers an immersive experience to explore Pokemon details via the Pokemon API. Discover the Pokemon of the day, search for specific Pokemon, and unveil their unique characteristics seamlessly.
https://github.com/arnab-4/pokemon-day
pokeapi pokemon react tailwindcss
Last synced: about 1 month ago
JSON representation
The Pokemon Website, crafted with React.js and Tailwind CSS by Arnab Manna, offers an immersive experience to explore Pokemon details via the Pokemon API. Discover the Pokemon of the day, search for specific Pokemon, and unveil their unique characteristics seamlessly.
- Host: GitHub
- URL: https://github.com/arnab-4/pokemon-day
- Owner: arnab-4
- Created: 2024-01-20T07:52:32.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-01-20T14:45:54.000Z (11 months ago)
- Last Synced: 2024-01-21T09:04:36.138Z (11 months ago)
- Topics: pokeapi, pokemon, react, tailwindcss
- Language: JavaScript
- Homepage:
- Size: 8.48 MB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Pokemon Website
Welcome to the Pokemon Website! This React.js project, created by Arnab Manna, allows you to explore information about Pokemon using the Pokemon API. The user interface is designed with Tailwind CSS, providing a clean and responsive experience. You can search for specific Pokemon, view their height, weight, and type, and even discover the Pokemon of the day on the front page.
## Features
- **Search Pokemon:** Easily search for your favorite Pokemon to get detailed information about them.
- **Pokemon of the Day:** Discover a new Pokemon every day on the front page.
- **Height and Weight:** Find out the height and weight of each Pokemon.
## Getting Started
1. Clone the repository:
```bash
git clone https://github.com/arnab-4/pokemon-day.git
```
2. Navigate to the project directory:
```bash
cd pokemon-website
```
3. Install dependencies:
```bash
npm install
```
4. Start the development server:
```bash
npm start
```
5. Open your web browser and go to [http://localhost:3000](http://localhost:3000) to access the Pokemon Website.
## Usage
1. **Search Pokemon:**
- Enter the name of the Pokemon you want to search for in the provided search bar.
- Click the "Search" button to view detailed information about the Pokemon.
2. **Pokemon of the Day:**
- Visit the front page to discover the Pokemon of the day.
3. **Height and Weight:**
- After searching for a Pokemon, you'll find information about its height and weight.
## API Reference
This project utilizes the [Pokemon API](https://pokeapi.co/) to fetch information about Pokemon.
## Credits
- **Project by:** [Arnab Manna](https://arnab-portfolio-v2.vercel.app/)
## Contributing
If you would like to contribute to the project, please follow these steps:
1. Fork the repository.
2. Create a new branch for your feature or bug fix.
3. Make your changes and commit them with clear and concise messages.
4. Push your changes to your fork.
5. Submit a pull request.
## License
This project is licensed under the [MIT License](LICENSE).
Feel free to explore, contribute, and have fun discovering information about your favorite Pokemon!