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/).

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:

git clone https://github.com/kiranwankhade/myNextDeveloper_Pokemon_Api.git

2. Navigate into the project directory:

cd myNextDeveloper_Pokemon_Api

3. Install dependencies using npm or yarn:

npm install

Usage

1. Start the development server:

    npm start

2. Open your web browser and navigate to http://localhost:3000 to view the application.

ScreenShot of the app