# Plan de Desarrollo - Plataforma Economía

## ✅ Completado
- [x] Extracción de contenido de los 4 PDFs
- [x] Análisis de temas y ejercicios potenciales
- [x] Creación de carpeta econ en VPS
- [x] Subida de PDFs al servidor
- [x] Documentación inicial del proyecto

## 📋 Tareas Pendientes

### Fase 1: Setup Inicial
- [ ] Inicializar proyecto Vite + React + TypeScript
- [ ] Configurar Tailwind CSS
- [ ] Instalar dependencias principales
- [ ] Configurar estructura de carpetas
- [ ] Setup de ESLint + Prettier
- [ ] Crear Dockerfile
- [ ] Crear docker-compose.yml
- [ ] Configurar Nginx

### Fase 2: Componentes Base
- [ ] Crear Layout principal con navegación
- [ ] Componente Button con variantes
- [ ] Componente Card para contenido
- [ ] Sistema de progreso/visualización
- [ ] Tema claro/oscuro
- [ ] Componente Quiz base
- [ ] Componente de feedback (correcto/incorrecto)

### Fase 3: Módulo 1 - Fundamentos
- [ ] Página de introducción
- [ ] Contenido: Definición de economía
- [ ] Contenido: Agentes económicos
- [ ] Contenido: Factores de producción
- [ ] Contenido: Flujo circular
- [ ] Ejercicio 1: Simulador de disyuntivas
- [ ] Ejercicio 2: Quiz de bienes (normal/inferior/etc)
- [ ] Ejercicio 3: Juego del flujo circular (drag & drop)
- [ ] Test del módulo

### Fase 4: Módulo 2 - Oferta/Demanda
- [ ] Página de introducción
- [ ] Contenido: Ley de la demanda
- [ ] Contenido: Ley de la oferta
- [ ] Contenido: Equilibrio de mercado
- [ ] Contenido: Precios máximos y mínimos
- [ ] Ejercicio 1: Constructor de curvas
- [ ] Ejercicio 2: Simulador de precios intervenidos
- [ ] Ejercicio 3: Identificar shocks (¿qué curva se mueve?)
- [ ] Test del módulo

### Fase 5: Módulo 3 - Elasticidad
- [ ] Página de introducción
- [ ] Contenido: Tipos de elasticidad
- [ ] Contenido: Fórmulas y cálculos
- [ ] Ejercicio 1: Calculadora de elasticidad paso a paso
- [ ] Ejercicio 2: Clasificar bienes según elasticidad
- [ ] Ejercicio 3: Ejercicios tipo examen
- [ ] Test del módulo

### Fase 6: Módulo 4 - Productor
- [ ] Página de introducción
- [ ] Contenido: Costos y producción
- [ ] Contenido: Competencia perfecta
- [ ] Ejercicio 1: Simulador de decisión de producción
- [ ] Ejercicio 2: Calculadora de costos
- [ ] Ejercicio 3: Visualización de excedentes
- [ ] Test del módulo

### Fase 7: Gamificación
- [ ] Sistema de puntuación
- [ ] Logros/badges
- [ ] Barra de progreso global
- [ ] Dashboard de estadísticas
- [ ] Ranking (opcional)

### Fase 8: Testing y Optimización
- [ ] Tests unitarios (Vitest)
- [ ] Tests de integración
- [ ] Tests E2E con Playwright
- [ ] Optimización de imágenes/assets
- [ ] Performance audit (Lighthouse)
- [ ] Accesibilidad audit

### Fase 9: Deploy
- [ ] Configurar dominio (si aplica)
- [ ] SSL/TLS
- [ ] CI/CD pipeline
- [ ] Backup automático
- [ ] Monitoreo

## 🎯 Prioridades

### Alta Prioridad
1. Setup inicial y estructura base
2. Módulo 1 completamente funcional
3. Componentes de gráficos interactivos
4. Docker funcionando

### Media Prioridad
5. Módulos 2, 3 y 4
6. Sistema de progreso
7. Tests básicos

### Baja Prioridad
8. Gamificación avanzada
9. Tests E2E completos
10. Optimizaciones finales

## 📝 Notas

- Usar D3.js para gráficos complejos (curvas personalizables)
- Usar Recharts para gráficos simples (barras, líneas)
- Framer Motion para animaciones suaves
- Zustand para estado global simple
- LocalStorage para persistencia de progreso (fase 1)