https://github.com/benjamininfo/pokegame

Guess the Pokémon by its silhouette. Fan-made educational project built with React, Vite & TypeScript.
https://github.com/benjamininfo/pokegame

bootstrap5 educational-project fan-made game mini-game pokeapi pokemon react react-router spa typescript vite vitejs web-app

Last synced: 13 days ago
JSON representation

Guess the Pokémon by its silhouette. Fan-made educational project built with React, Vite & TypeScript.

• Host: GitHub
• URL: https://github.com/benjamininfo/pokegame
• Owner: Benjamininfo
• License: mit
• Created: 2025-08-28T20:21:42.000Z (5 months ago)
• Default Branch: master
• Last Pushed: 2025-08-29T01:23:11.000Z (5 months ago)
• Last Synced: 2025-08-29T05:20:29.440Z (5 months ago)
• Topics: bootstrap5, educational-project, fan-made, game, mini-game, pokeapi, pokemon, react, react-router, spa, typescript, vite, vitejs, web-app
• Language: TypeScript
• Homepage: https://pokemon-game-bf.netlify.app/
• Size: 77.1 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE.txt
  • Roadmap: ROADMAP.md

Awesome Lists containing this project

README

          
# 🎮 ¿Quién es ese Pokémon? / Who's That Pokémon?

[![Vite](https://img.shields.io/badge/built%20with-Vite-646CFF?logo=vite)](https://vitejs.dev/)

[![React](https://img.shields.io/badge/React-20232A?logo=react&logoColor=61DAFB)](https://react.dev/)

[![TypeScript](https://img.shields.io/badge/TypeScript-3178C6?logo=typescript&logoColor=white)](https://www.typescriptlang.org/)

[![Bootstrap](https://img.shields.io/badge/Bootstrap-7952B3?logo=bootstrap&logoColor=white)](https://getbootstrap.com/)

[![License](https://img.shields.io/github/license/Benjamininfo/Pokegame)](./LICENSE)

[![Netlify Status](https://api.netlify.com/api/v1/badges/47b8910f-05c9-427f-bb41-a0d45fc3936d/deploy-status)](https://app.netlify.com/projects/pokemon-game-bf/deploys)

---



  



### 🌐 Demo en línea / Live Demo

- **Versión en producción:**

  [PokemonGameBf.netlify.app](https://pokemon-game-bf.netlify.app/)

---

## 📌 Tabla de Contenidos

- [Descripción](#descripción)

- [Características](#características)

- [Uso](#uso)

- [Tecnologías](#tecnologías)

- [Instalación](#instalación)

- [Créditos](#créditos)

- [Licencia](#licencia)

## 📌 Table of Contents

- [Description](#description)

- [Features](#features)

- [Usage](#usage)

- [Technologies](#technologies)

- [Installation](#installation)

- [Credits](#credits)

- [License](#license)

---



## 📖 Descripción (Español)

**¿Quién es ese Pokémon?** es un juego web basado en la clásica mecánica de adivinar al Pokémon oculto. Utiliza la PokéAPI para obtener datos reales y desafiar a los jugadores a identificar Pokémon por su silueta.



### ✨ Características

- Siluetas de Pokémon ocultas

- Selección de generación (de la I a la IX)

- Configuración del número de rondas

- Interfaz amigable y responsiva

- Integración con la PokéAPI



### 🚀 Uso

- Elige una generación y cantidad de rondas.

- Adivina el Pokémon por su silueta.

- Revisa tu puntuación al final del juego.



### 🛠️ Tecnologías

- [React]("https://es.react.dev/")

- [Vite]("https://vite.dev/")

- [TypeScript]("https://www.typescriptlang.org/")

- [Bootstrap 5]("https://getbootstrap.com/")

- [PokéAPI]("https://pokeapi.co/")



### ⚙️ Instalación

```bash

git clone https://github.com/Benjamininfo/Pokegame

cd ./Pokegame

npm install

npm run dev

```



### 👤 Créditos

- Desarrollado por Benjamín Fuentes.

  Proyecto fan-made con fines educativos.

- Este proyecto fue desarrollado siguiendo las clases de [Bluuweb](https://www.youtube.com/@bluuweb) sobre React, TypeScript y Vite

  - Canal oficial: [https://www.youtube.com/@bluuweb](https://www.youtube.com/@bluuweb)

  - Sitio web: [https://bluuweb.dev](https://bluuweb.dev)



### 📄 Licencia

Este proyecto está licenciado bajo la licencia MIT.

---



## 📖 Description (English)

**Who's That Pokémon?** is a web-based game inspired by the classic guessing challenge from the Pokémon series. It uses the PokéAPI to retrieve real Pokémon data and challenge players to identify them by their silhouettes.



### ✨ Features

- Hidden Pokémon silhouettes

- Generation selection (Gen I to IX)

- Choose number of rounds

- Friendly and responsive interface

- PokéAPI integration



### 🚀 Usage

- Choose a generation and number of rounds.

- Guess the Pokémon by its silhouette.

- Check your score at the end of the game.



🛠️ Technologies

- [React]("https://es.react.dev/")

- [Vite]("https://vite.dev/")

- [TypeScript]("https://www.typescriptlang.org/")

- [Bootstrap 5]("https://getbootstrap.com/")

- [PokéAPI]("https://pokeapi.co/")



### Installation

```bash

git clone https://github.com/Benjamininfo/Pokegame

cd ./Pokegame

npm install

npm run dev

```



### 👤 Credits

- Developed by Benjamín Fuentes.

  Fan-made project for educational purposes.

- This project was built following tutorials from [Bluuweb](https://www.youtube.com/@bluuweb), focused on React, TypeScript and Vite

  - YouTube channel: [https://www.youtube.com/@bluuweb](https://www.youtube.com/@bluuweb)

  - Website: [https://bluuweb.dev](https://bluuweb.dev)



### 📄 License

- This project is licensed under the MIT License.