This project is a web application that utilizes the Poke API to display information about the first 15 Pokémon. Users can click on each Pokémon card to view detailed information about them.
- React
- React Router DOM
- Tailwind CSS
- Zustand (for state management)
- React Query and React Query Devtools
- Fontsource for Chivo font
- Tabler Icons React
To get started with this project, follow these steps:
- Clone this repository to your local machine.
- Navigate to the project directory.
- Run
pnpm install
to install the dependencies. - Run
pnpm dev
to start the development server. - Open your browser and visit
http://localhost:5173
to view the application.
pnpm dev
: Starts the development server.pnpm build
: Builds the production-ready code.pnpm lint
: Runs ESLint to lint the codebase.pnpm preview
: Previews the production build locally.
src/
: Contains the source code of the application.components/
: Contains React components.home/
: Contains components and logic specific to the home page.routes/
: Contains components and logic specific to the home page.
hooks/
: Contains custom hooks for state management.store/
: Contains the global state management logic using Zustand.
public/
: Contains static assets.
Contributions are welcome! If you have any suggestions, bug fixes, or improvements, feel free to open an issue or create a pull request.
This project is licensed under the MIT License. See the LICENSE
file for more information.