Se requiere el desarrollo de una aplicación web responsive llamada VillaSteps, diseñada para promover la actividad física mediante gamificación entre estudiantes universitarios de medicina. El proyecto debe completarse en un plazo máximo de 2 días.
La aplicación constará de 5 pantallas principales con las siguientes funcionalidades:
1. Login: Los usuarios podrán ingresar su nombre, carrera y ciclo académico.
2. Inicio: Mostrará los pasos del día (con una meta de 10,000 pasos), el cálculo de calorías quemadas (pasos x 0.04 kcal), la distancia recorrida en kilómetros (pasos x 0.0008 km), el tiempo de actividad, un gráfico circular de progreso diario, una billetera de StepCoins (moneda virtual de la app), un gráfico semanal de actividad y un campo para ingresar pasos manualmente.
3. Recompensas: Presentará una lista de premios canjeables con StepCoins, como kits médicos, papelería, snacks y kits de vida. También incluirá un banner para promocionar una membresía PRO.
4. Competir/Ranking: Mostrará una tabla de posiciones con usuarios ficticios, el reto de la semana y metas colectivas para fomentar la competencia y la colaboración.
5. Perfil: Incluirá un avatar de estilo pixel art llamado 'Villamon' (con colores morado y verde), estadísticas detalladas del usuario y una barra de evolución del avatar.
Tecnología y Diseño:
El desarrollo se realizará utilizando React y Tailwind CSS, o
Next.js. La aplicación no requerirá un backend, y todos los datos se gestionarán mediante localStorage. El diseño debe ser moderno y oscuro, con un fondo morado oscuro y acentos naranjas, similar a las aplicaciones de fitness actuales.
Despliegue y Entregables:
La aplicación deberá ser desplegada en una plataforma de hosting gratuita como Vercel o Netlify. Los entregables incluirán el código fuente completo en un repositorio de GitHub y la URL funcional de la aplicación desplegada.
Plazo de Entrega: No definido