dukefoxy / pokedex

Developed as part of the React module in the Web Development Course, this project aims to create an interactive Pokédex that allows you to view all Pokémon, provide details about each one, implement pagination and include a search field to find specific Pokémon.

Pokédex

Developed as part of the React module in the Web Development Course, this project aims to create an interactive Pokédex that allows you to view all Pokémon, provide details about each one, implement pagination and include a search field to find specific Pokémon.

Features

• Integration with PokeAPI
• Listing and pagination with all Pokémon
• Page with detailed information when clicking on the Pokémon
• Search field when typing name
• Application Deployment
• Structured project, with good code organization
• Presents a visually appealing layout

Technologies

• React
• TypeScript
• Style Components
• React Router DOM
• React Hook Form
• React Tanstack Query
• Axios

Project Configuration

# clone the repository
$ git clone https://github.com/EmanuelQuintino/Pokedex.git

# install dependencies
$ npm install

# run the project
$ npm run dev

Environment Variables

VITE_API="https://pokeapi.co/api/v2"

Contribution

To contribute improvements, bug fixes or new features, simply follow these steps:

1. Fork the project
2. Create a branch for your contribution
3. Make the desired changes
4. Submit a pull request

# create branch
$ git checkout -b firstname-lastname

Links

• Deploy
• PokeAPI