La Poke-Battle App es una aplicación web interactiva donde los usuarios pueden seleccionar sus Pokémon favoritos, enfrentarlos en batallas y ver quién sale victorioso. La aplicación permite a los usuarios elegir un Pokémon y un oponente aleatorio de una lista, realizar una batalla y mostrar el resultado en la interfaz.
- Selecciona un Pokémon: Escoge un Pokémon de la lista disponible.
- Oponente Aleatorio: El oponente se seleccionará de manera aleatoria.
- Batalla de Pokémon: Envía una solicitud para enfrentar al Pokémon seleccionado contra el oponente y recibe el resultado.
- Visualización de Estadísticas: Muestra estadísticas de ataque, defensa, HP y velocidad en una barra de progreso para ambos Pokémon.
- Interfaz Responsiva: Se adapta a diferentes tamaños de pantalla para una mejor experiencia de usuario.
- Frontend: React, Material-UI
- Backend: NestJS (Node.js), TypeORM, SQLite
- API: RESTful, comunicación con el backend para manejar batallas
-
Clona el repositorio:
git clone https://github.com/tu-usuario/pokemon-battle-app.git cd pokemon-battle-app -
Instala las dependencias para el frontend y el backend:
pnpm install
-
Inicia el servidor de desarrollo para el frontend:
pnpm run dev
-
Inicia el servidor de desarrollo para el backend:
pnpm run start
La aplicación se ejecutará en
http://localhost:3000y la interfaz gráfica en el puertohttp://localhost:5173.
La aplicación requiere Node.js versión 14.x o superior. Asegúrate de tener la versión adecuada instalada:
node -vExiste un archivo en la raíz del proyecto backend\poke-battle\pokemon-data.json con una coleccion del personajes.
En un archivo backend\poke-battle\src\main.ts existe un script que al descomentarlo crea la coleccion en la base de datos.
Finalmente la base de datos contiene los datos y almacena los registros de batallas.
Si tienes alguna pregunta o necesitas ayuda, no dudes en contactarme:
- Correo electrónico: ojmanias1985@gmail.com
- GitHub: Omar Jesús Manias