Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kiranwankhade/mynextdeveloper_pokemon_api
This is a web application built using React.js and Chakra UI, designed to interact with the PokeAPI (https://pokeapi.co/).
https://github.com/kiranwankhade/mynextdeveloper_pokemon_api
chakra-ui react react-router-dom reactjs
Last synced: about 2 months ago
JSON representation
This is a web application built using React.js and Chakra UI, designed to interact with the PokeAPI (https://pokeapi.co/).
- Host: GitHub
- URL: https://github.com/kiranwankhade/mynextdeveloper_pokemon_api
- Owner: kiranwankhade
- Created: 2024-04-17T10:17:13.000Z (8 months ago)
- Default Branch: master
- Last Pushed: 2024-04-19T10:41:26.000Z (8 months ago)
- Last Synced: 2024-04-23T05:07:22.624Z (8 months ago)
- Topics: chakra-ui, react, react-router-dom, reactjs
- Language: JavaScript
- Homepage: https://mynextdeveloper-pokemon.vercel.app/
- Size: 898 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Pokemon Web Application
This is a web application built using React.js and Chakra UI, designed to interact with the PokeAPI (https://pokeapi.co/).
## Features
- **Homepage:**
- Search bar: Allows users to search for a Pokemon.
- Random Pokemon card: Displays a random Pokemon card below the search bar, which changes daily for every user but not on every refresh.
- **Search Results Page:**
- List of Pokemon: Displays a list of Pokemon that match the user's search.
- **Details Page:**
- Attributes: Displays all attributes associated with the selected Pokemon.
## Installation
1. Clone this repository to your local machine:
```bash
git clone https://github.com/kiranwankhade/myNextDeveloper_Pokemon_Api.git
```
2. Navigate into the project directory:
```bash
cd myNextDeveloper_Pokemon_Api
```
3. Install dependencies using npm or yarn:
```bash
npm install
```
## Usage
1. Start the development server:
```bash
npm start
```
2. Open your web browser and navigate to http://localhost:3000 to view the application.
## ScreenShot of the app
