rafaric/pokedex

Pokedex con Vite, React, Typescript, React Router y TailwindCSS

Este proyecto es una aplicación web que muestra información sore los pokémon usando la API de PokeAPI. Permite ver 10 Pokémones y ordenarlos por altura, número o peso, de forma ascendente o descendente. También permite ver los detalles de cada uno.

Requisitos

Para ejecutar este proyecto necesitas tener instalado Node.Js, Yarn y Vite.

Instalación y Uso

Para instalar las dependencias del proyecto, ejecuta en la carpeta raíz del proyecto el comando:

yarn install

Para iniciar el servidor de desarrollo, ejecuta el comando:

yarn dev

Para construir el proyecto para producción, ejecuta el comando:

yarn build

Teconologías:

Este proyecto utiliza las siguientes tecnologías:

-Vite: Una herramienta de desarrollo web que permite crear aplicaciones web modernas con un alto rendimiento y una rápida recarga en caliente.

-React: Una libreria de JavaScript para crear interfaces de usuario interactivas y reutilizables.

-TypeScript: Un lenguaje de programación que extiende JavaScript con tipado estático y otras características.

-React Router: Una librería de REact para gestionar la navegación y el enrutamiento de las páginas de la aplicación.

-TailwindCSS: Un framework de CSS que permite crear diseños personalizados y responsivos con clases de utilidad.

Características:

Este proyecto tiene las siguientes características:

-Diseño Moderno y Responsivo: Puede ver la pagina en distintos dispositivos sin problemas de visualización.

-Ordenamiento: La aplicación permite ordenar los Pokémones por altura, número y peso, tanto descendente como ascendentemente.

-Detalles de los Pokémones: Muestra los detalles de cada pokémon: Nombre, número, tipo, habilidades y estadísticas.

Demostración:

Aquí puedes ver algunas imágenes de la apliación:

Licencia:

Este proyecto está licenciado bajo la licencia MIT. Puedes ver el archivo License para mas detalles.

API:

https://pokeapi.co/