https://github.com/gokulappavu/pokemon-app
A React application that fetches and displays Pokémon data using the PokéAPI, featuring a clean and responsive design.
https://github.com/gokulappavu/pokemon-app
front-end-development javascript pokemon-api reactjs tailwindcss vite
Last synced: 4 months ago
JSON representation
A React application that fetches and displays Pokémon data using the PokéAPI, featuring a clean and responsive design.
- Host: GitHub
- URL: https://github.com/gokulappavu/pokemon-app
- Owner: gokulappavu
- License: mit
- Created: 2024-10-20T16:28:06.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-10-20T16:54:10.000Z (about 1 year ago)
- Last Synced: 2025-01-17T05:06:54.515Z (10 months ago)
- Topics: front-end-development, javascript, pokemon-api, reactjs, tailwindcss, vite
- Language: JavaScript
- Homepage:
- Size: 332 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: License
Awesome Lists containing this project
README
# Pokémon App
A React application that fetches and displays Pokémon data using the [PokéAPI](https://pokeapi.co/). This project is built with Vite and showcases a clean and responsive design, allowing users to explore Pokémon details seamlessly.
## Features
- Browse a list of Pokémon
- View detailed information for each Pokémon
- Responsive design for mobile and desktop
## Technologies Used
- **Frontend**: React, Vite, Tailwind CSS
- **API**: [PokéAPI](https://pokeapi.co/)
- **Routing**: React Router
## Installation
To get started with this project, clone the repository and install the dependencies:
```bash
git clone https://github.com/yourusername/pokemon-app.git
cd pokemon-app
npm install
```
## Usage
Once the installation is complete, you can run the application locally:
```bash
npm run dev
```
Navigate to http://localhost:3000 in your browser to view the app.
## Project Structure
```bash ├── public
│ ├── vite.svg
├── src
├── ├── assets
│ ├── components
│ │ ├── CardComponent.jsx
│ │ ├── Home.jsx
│ │ ├── Navbar.jsx
│ │ └── PokemonDetails.jsx
│ ├──styles
│ │ ├── CardComponent.css
│ │ ├── Home.css
│ │ └── Navbar.css
│ ├── index.css
│ ├── index.jsx
│ └── App.jsx
├── .gitignore
├── index.html
├── License
├── package-lock.json
├── package.json
├── postcss.config.js
├── README.md
└── tailwind.config.css
```
## Future Improvements
- Host the application globally for easier access.
- Add features such as search functionality and Pokémon filtering.
## Contributing
Contributions are welcome! Please feel free to submit a pull request or open an issue.
## License
This project is licensed under the [MIT Licence](License) - see the LICENSE file for details.