Esta es una aplicación web de tipo Pokedex que te permite buscar y explorar información sobre diferentes Pokémon. Está construida utilizando React y Tailwind CSS para ofrecer una experiencia de usuario agradable y un diseño moderno.
- Búsqueda de Pokémon: puedes buscar cualquier Pokémon por nombre o número de Pokédex y obtener información detallada sobre él.
- Información detallada: obtén información completa sobre un Pokémon, incluyendo sus tipos, habilidades y estadísticas de combate.
- Listado de Pokémon: navega por una lista completa de todos los Pokémon disponibles y accede a sus detalles rápidamente.
- Filtrado de tipos: Usa el filtro por tipos de pokemon para una busqueda mas rapida.
- Diseño responsive: la aplicación está optimizada para verse y funcionar correctamente en dispositivos móviles, tablets y ordenadores de escritorio.
Pantalla inicio.
Detalle del pokemon.
- Clona este repositorio en tu máquina local.
git clone https://github.com/tu-usuario/poke-chang.git
- Accede al directorio del proyecto.
cd poke-chang
- Instala las dependencias utilizando npm o yarn.
npm install
- Inicia la aplicación en modo de desarrollo.
npm run dev
- Abre tu navegador y accede a
http://localhost:5173para ver la aplicación en funcionamiento.
- React: biblioteca de JavaScript para construir interfaces de usuario.
- Tailwind CSS: framework CSS utilizado para estilizar la aplicación de manera eficiente.
- Pokémon API: se utilizó una API de Pokémon para obtener la información necesaria sobre los Pokémon.
- heroicons.com: Para los iconos del filtro y algunos enlaces.
- Color-thief-react: repositorio para el background de las imagenes.