Tiempo de Calidad

Progressive Web App que convierte tu tiempo libre en actividades significativas y variadas.

Tagline: Convierte tu tiempo libre en tu mayor ventaja.

Stack

• Next.js 15+ (App Router) + TypeScript
• Tailwind CSS + shadcn/ui
• Framer Motion
• localStorage (offline-first)

Desarrollo

npm install
npm run dev

Abre http://localhost:3000.

Estructura

src/
├── app/                    # Rutas (dashboard, onboarding, perfil)
├── components/
│   ├── dashboard/          # Dashboard, sesión, configuración
│   ├── layout/             # Header
│   ├── onboarding/         # Wizard de 4 pasos
│   ├── providers/          # Context + localStorage
│   ├── suggestions/        # Cards y lista de sugerencias
│   └── ui/                 # shadcn/ui
├── data/
│   └── suggestions.ts      # Banco de sugerencias hardcodeadas
├── lib/
│   ├── constants.ts
│   ├── storage.ts
│   └── suggestion-engine.ts
└── types/
    └── index.ts

Fase 1 (implementada)

• Onboarding completo (intereses, objetivos, preferencias)
• Motor de sugerencias con reglas + banco de 24 actividades
• Mezcla obligatoria de 6 categorías
• Algoritmo de variedad (cooldown por categoría)
• Persistencia en localStorage
• Dashboard con estadísticas semanales
• Feedback post-actividad
• Guardar para después
• Edición de perfil

Fase 2 (implementada)

• Página /historial con vistas semanal y mensual
• Gráficos de actividad diaria y tiempo por categoría
• Rachas de actividad y de variedad (2+ categorías/día)
• Dashboard de impacto en inicio
• Exportación de historial (JSON y CSV)
• Navegación inferior mobile-first (Inicio, Historial, Guardadas, Perfil)
• Página dedicada /guardadas con inicio de actividades

Fase 3 (implementada)

• Motor de preferencias derivado del feedback del usuario
• Scoring avanzado: categorías favoritas, «Quiero más», penalización por «Demasiado fácil»
• Cooldown por sugerencia (7 días) y por categoría (2 días)
• Priorización de variedad según uso reciente y preferencias
• UI de personalización con badges «Recomendado» e insights

Próximas fases

• PWA completa (service worker, notificaciones)
• Historial con visualizaciones
• Integración IA para sugerencias dinámicas
• Supabase para sincronización