🐸Poke API Project

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.

⚡Technologies Used

  • React
  • React Router DOM
  • Tailwind CSS
  • Zustand (for state management)
  • React Query and React Query Devtools
  • Fontsource for Chivo font
  • Tabler Icons React

🚀Getting Started

To get started with this project, follow these steps:

  1. Clone this repository to your local machine.
  2. Navigate to the project directory.
  3. Run pnpm install to install the dependencies.
  4. Run pnpm dev to start the development server.
  5. Open your browser and visit http://localhost:5173 to view the application.

📔Available Scripts

  • 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.

💻Project Structure

  • 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.

✨Contributing

Contributions are welcome! If you have any suggestions, bug fixes, or improvements, feel free to open an issue or create a pull request.

📖License

This project is licensed under the MIT License. See the LICENSE file for more information.