PokeApp es una aplicación web de Pokédex desarrollada con React, TypeScript, Redux y Tailwind CSS. Permite explorar información detallada sobre Pokémon, tipos y habilidades, con una interfaz moderna y responsive.
- Listado de Pokémon con paginación
- Detalles completos de cada Pokémon
- Información de tipos y sus relaciones de daño
- Listado de habilidades con búsqueda
- Reproducción de los sonidos de los Pokémon
- Tema claro/oscuro
- Diseño responsive
- React 18
- TypeScript
- Redux Toolkit para gestión de estado
- React Router para navegación
- Tailwind CSS para estilos
- Axios para peticiones HTTP
- PokeAPI como fuente de datos
El proyecto sigue una arquitectura limpia y modular, organizada en las siguientes carpetas:
assets: Recursos estáticoscomponents: Componentes reutilizablescommon: Componentes UI básicoslayout: Componentes estructuralespokemon: Componentes específicos de Pokémon
hooks: Custom hookspages: Páginas principalesservices: Servicios para llamadas a la APIstore: Estado global con Reduxtypes: Definiciones de tipos TypeScriptutils: Funciones de utilidad
-
Clona el repositorio:
git clone https://github.com/tuusuario/pokeapp.git cd pokeapp -
Instala las dependencias:
npm install -
Inicia el servidor de desarrollo:
npm start -
Abre http://localhost:3000 en tu navegador.
Para generar una versión optimizada para producción:
npm run build
Esta aplicación utiliza la PokeAPI para obtener los datos de los Pokémon. No se requiere autenticación para usar la API.
MIT
Desarrollado como parte de un proyecto de aprendizaje. Pokémon y todos los nombres relacionados son marcas registradas de Nintendo, Creatures Inc., y GAME FREAK inc.