Skip to content

A React web application for exploring Pokémon info. Deployed on Vercel

Notifications You must be signed in to change notification settings

ytraddan/PokeSearch

Repository files navigation

PokéSearch

A React web application for exploring Pokémon information using PokéAPI. You can search, filter, and view detailed information about different Pokémon.

Features

  • Search Pokémon by name
  • Filter Pokémon by type
  • Get random Pokémon
  • Detailed Pokémon information

Technologies Used

  • React
  • Vite
  • React Router
  • TailwindCSS
  • Motion (Framer Motion)
  • PokéAPI

Getting Started

Prerequisites

  • Node.js

Installation

  1. Clone the repo

    git clone https://github.com/ytraddan/pokesearch
    cd pokesearch
  2. Install packages

    npm i
  3. Start dev server

    npm run dev

    The application will be available at http://localhost:5173

Usage

The application has three sections:

  • About page
  • Search page
  • Random page

Search

  • Use search to find Pokémon by name
  • You can also filter Pokémon by their type
  • Search terms and type filters are automatically saved and restored on page reload
  • Navigate through results using prev/next buttons

Random Pokémon Generator

  • Displays three random Pokémon cards
  • Click on any Pokémon card to view detailed information

Contributing

Here's how you can contribute to project:

  1. Fork & Clone

    • Fork the repository
    • Clone your fork locally
  2. Branch

    git switch -c /your-branch-name
  3. Submit

    • Push your changes
    • Create a PR with description of your changes

License

This project is licensed under the MIT License.

About

A React web application for exploring Pokémon info. Deployed on Vercel

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages