A comprehensive Pokémon SPA (Single Page Application) with Pokédex-style features.
View Demo
·
Report Bug
·
Request Feature
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.
To set up your local development environment, follow these steps:
- Node.js and npm (or pnpm, yarn) installed on your system.
-
Clone the repository:
git clone https://github.com/NoistNT/Pokemon-Client.git
-
Install dependencies
npmnpm install
pnpm
pnpm install
yarn
yarn install
-
Run the client using either Vite or Create React App:
Vitenpm run dev
CRA
npm start
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!
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature
) - Commit your Changes (
git commit -m 'Add some AmazingFeature'
) - Push to the Branch (
git push origin feature/AmazingFeature
) - Open a Pull Request