Alegra Image Race

Este proyecto utiliza Vue 3 con Vite. La empresa “Imágenes del mundo” ha realizado un concurso para sus vendedores, ¡una carrera para encontrar las imágenes más interesantes de la web!

Configuración del entorno

Antes de ejecutar el proyecto, sigue estos pasos:

1. Asegúrate de tener Node.js instalado.
2. Crea una cuenta en Unsplash y obtén una Access Key desde el panel de desarrollador. Consulta la documentación oficial de la API aquí: Unsplash API Documentation.
3. Copia el archivo .env.template y renómbralo a .env.
4. Edita el archivo .env y reemplaza los valores de VITE_ALEGRA_API_TOKEN y VITE_UNSPLASH_ACCESS_KEY con tus credenciales reales.
5. Instala las dependencias del proyecto.

npm install

Inicio del proyecto en desarrollo

Para ejecutar el servidor en modo desarrollo con recarga en caliente:

npm run dev

Compilación para producción

Para compilar el proyecto y optimizarlo para producción:

npm run build

Pruebas unitarias con Vitest

npm run test:unit

Linter con ESLint

Para verificar y corregir errores de estilo de código:

npm run lint

📌 Limitaciones de Unsplash

Debido a las restricciones del uso gratuito de Unsplash, solo se pueden consultar un máximo de 30 imágenes por búsqueda. Esto limita la cantidad de vendedores en la carrera a un máximo de 30 participantes simultáneamente.

🛠️ Stack Tecnológico

Este proyecto está construido con las siguientes tecnologías:

• - Framework progresivo para interfaces de usuario.
• - Superset de JavaScript con tipado estático.
• - Framework de utilidades CSS para un diseño ágil.
• - Pruebas unitarias rápidas y eficientes para Vue y TypeScript.
• - Framework para pruebas end-to-end.

Hecho con ❤️ por Pedro Yanez. Casi todos los derechos reservados...

Licencia

Este proyecto está bajo la Licencia privada, solo mi persona y el personal de Alegra tienen permitido trabajar sobre él.