Pokewiki - Client App

A comprehensive Pokémon SPA (Single Page Application) with Pokédex-style features.
View Demo · Report Bug · Request Feature

About The Project

This Single Page Application (SPA) serves as a client-side interface for the Pokewiki project. It offers a user-friendly and interactive experience for exploring the world of Pokémon.

Key Features:

• Pokémon Search: Find Pokémon by name using a search bar.
• Pokémon Creation: Add new Pokémon with a controlled and validated form, including error handling.
• Filtering: Combine filters by:
  • Types: Filter Pokémon by their types (e.g., Fire, Water, Grass).
  • Origin: Choose Pokémon from the database (user-created), or original (fetched from the API).
• Sorting: Sort the Pokémon list by:
  • Attack
  • Defense
  • Speed
  • Height
  • Weight
  • Health Points (HP)
• Detailed View: Gain extensive information about a specific Pokémon, including its stats, abilities, and image.
• Lazy Loading: Improves performance by loading data only when needed.

Built With

Getting Started

To set up your local development environment, follow these steps:

Prerequisites

• Node.js and npm (or pnpm, yarn) installed on your system.

Installation

1. Clone the repository:

   git clone https://github.com/NoistNT/Pokemon-Client.git

   
   

2. Install dependencies
   npm

   npm install

   pnpm

   pnpm install

   yarn

   yarn install

   
   

3. Run the client using either Vite or Create React App:
   Vite

   npm run dev

   CRA

   npm start

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

Contact