Skip to content

Latest commit

 

History

History
64 lines (37 loc) · 2.09 KB

README.md

File metadata and controls

64 lines (37 loc) · 2.09 KB

Pokedex Application

Netlify Status

Welcome to the Pokedex application, a state-of-the-art platform that allows users to explore and retrieve information about different Pokémon species using the Pokémon API. This React-based application integrates with the Pokémon API to provide users with details about various Pokémon, their types, and statistics.

Features

  • Search Bar: Search for Pokémon by name or ID.
  • Infinite Scroll: Scroll through an endless list of Pokémon.
  • Interactive Pokémon Cards: Display Pokémon details, including names, images, types, and IDs.
  • Pokémon Detail Modal: Explore detailed statistics of each Pokémon in a modal dialog.
  • Real-time Type Filter: Filter Pokémon based on their types with live results.
  • Reset on Application Logo Click: Clicking the application logo resets the application, undoing any search results or filter changes.

Technologies Used

  • React
  • Tailwind CSS
  • Pokemon Image API
    • Usage: https://unpka.com/pokeapi-spntes@2.0.2/sprites/pokemon/other/dream-world/{id}.svg

Installation and Setup

  1. Clone the repository:

    git clone https://github.com/adarshsahu2803/pokedex-application.git

  2. Navigate to the project directory::

    cd pokedex-application

  3. Install dependencies:

    npm install

Usage

To start the application locally:

   npm start

Visit http://localhost:3000 in your web browser to view the application.

Deployment

The application has been deployed using Netify. Access it here.

API Integration

The application integrates with the Pokémon API to fetch Pokémon data. Ensure a stable internet connection to retrieve real-time data from the API.

Contributing

Contributions are welcome! Feel free to fork the repository and submit pull requests to suggest improvements or additional features.