https://github.com/borjamrd/binpar-bmrd
https://github.com/borjamrd/binpar-bmrd
Last synced: about 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/borjamrd/binpar-bmrd
- Owner: borjamrd
- Created: 2024-03-11T19:19:24.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-03-14T13:42:32.000Z (over 2 years ago)
- Last Synced: 2025-02-16T15:31:43.475Z (over 1 year ago)
- Language: TypeScript
- Homepage: https://binpar-bmrd.vercel.app
- Size: 229 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Poke API Project
This project is a small web application developed using Typescript and Next.js. It displays real-time information from the PokeAPI. Below are the specific requirements of the project:
## Requirements
List of all Pokemon: The main page of the project should display a list of all Pokemon, ordered by their id. For each Pokemon, it should show at least the name, generation, and types. Additional relevant information can also be displayed.
Filters in the list: Two selectors should be added to filter the list by Type and Generation.
Name search: Implement a real-time text search feature to filter the list by Pokemon names. The search should also include the Pokemon's evolutions. For example, searching for "Pikachu" should also display "Pichu" and "Raichu".
Pokemon information page: Clicking on a Pokemon in the list should navigate to a page displaying detailed information about that Pokemon. This information should include:
* Name
* Image
* Generation
* Types
* Evolutions (with images)
* Stats
Clicking on one of the evolutions should navigate to the page of that Pokemon. The current evolution should be visually marked to indicate that it is the current Pokemon.
## Getting Started
Feel free to clone this repository to your local machine and navigate to the project directory.
```plaintext
cd binpar-bmrd
```
Install the dependencies
```plaintext
npm install
```
Start the development server:
```plaintext
npm run dev
```