Este es un proyecto realizado para la empresa VINCO ORBIS para la posición "FRONT END".
Pantalla mostrando los detalles del pokémon.
Pantalla mostrando el menu desplegable que contiene la colección de pokemon que ha creado el usuario.
Pantalla mostrando una gráfica con los tipos de pokémon en base a los de su colección.
- Buscar pokémon por nombre.
- Agregar pokémon a la colección desde los resultados de busqueda.
- Ver el listado de pokemon que se han agregado a la colección.
- Eliminar pokémon de la colección.
- Eliminar todos los pokemones de la colección, en una sola acción.
- Observar una gráfica que contenga los tipos de pokémon de acuerdo con el conteo que se encuentre en mi colección.
- Almacenar la colección de pokemon en el local storage
- React JS v.18.
- Vite JS.
- Zustand
- Tailwind CSS.
Tener instalado en tu dispositivo:
Usando Git, ejecutamos el siguiente comando en la terminal, el la carpeta donde quiera clonar el proyecto
git clone https://github.com/Franklin361/pokedex
Ejecuta este comando para instalar las dependencias del proyecto.
npm install
Ejecute este comando para levantar el servidor de desarrollo.
npm run dev
Para ejecutar las pruebas debe haber seguido todos los pasos anteriores sobre la instalación del proyecto.
Primero debe tener levantado el servidor de desarrollo, usando el siguiente comando que se mostro anteriormente.
Esto es debido a que las pruebas son end-to-end (usando playwright)
npm run dev
Una vez levantado el servidor de desarrollo, puede ejecutar el siguiente comando para correr las pruebas.
npm run test
En la consola le mostrará los resultados.
Demostración en vivo de la app 🔗 https://pokedex-franklin-mtz.netlify.app/