Fases de Implementacion

TalentBricksAI se implementa en 8 fases incrementales. Cada fase produce una aplicacion funcional.

Resumen de Fases

Fase	Nombre	Descripcion	Estado
1	Localizacion	Traducir todo a español	Pendiente
2	Base de Datos	Agregar modelos de cursos	Pendiente
3	Landing Page	Redisenar para cursos	Pendiente
4	Infraestructura de Cursos	Catalogo, detalle, video player	Pendiente
5	Pagos	Compra de cursos y suscripciones	Pendiente
6	Admin Dashboard	Gestion de cursos	Pendiente
7	Student Dashboard	”Mis Cursos” y certificados	Pendiente
8	Comunidad	Foros y Q&A (post-launch)	Futuro

Fase 1: Localizacion (Español)

Objetivo: Convertir todo el texto visible a español.

Tareas

Crear archivo de contenido español
- app/src/shared/content/es.ts
- Constantes para todos los textos
Actualizar paginas de autenticacion
- LoginPage.tsx
- SignupPage.tsx
- RequestPasswordResetPage.tsx
- PasswordResetPage.tsx
- EmailVerificationPage.tsx
Actualizar landing page
- contentSections.tsx
- Hero, features, testimonials, FAQ
Actualizar navegacion
- NavBar/constants.ts
- Links y labels
Actualizar emails
- Templates de verificacion
- Templates de reset password

Verificacion

Fase 2: Base de Datos

Objetivo: Agregar modelos para el sistema de cursos.

Modelos a Agregar

enum Difficulty {
  BEGINNER
  INTERMEDIATE
  ADVANCED
}

model Course { ... }
model Lesson { ... }
model Enrollment { ... }
model LessonProgress { ... }
model Certificate { ... }

Tareas

Agregar modelos a schema.prisma
Actualizar modelo User con relaciones
Ejecutar migracion: wasp db migrate-dev
Crear seed script con datos de ejemplo
Declarar entities en main.wasp

Verificacion

Migracion exitosa
Modelos visibles en Prisma Studio
Seed script funciona
Entities declaradas en main.wasp

Fase 3: Landing Page

Objetivo: Redisenar landing page estilo Platzi.

Secciones

Hero
- Titulo principal en español
- Subtitulo con propuesta de valor
- CTA: “Ver Cursos” / “Comenzar Gratis”
Featured Courses
- Grid de cursos destacados
- CourseCard component
Why TalentBricksAI
- 4-6 beneficios con iconos
- Data Engineering, IA, certificados, etc.
Categories
- Filtros de categorias
- Data Engineering, ML, Python, etc.
Testimonials
- 3 testimonios de estudiantes
- En español
FAQ
- 5-8 preguntas frecuentes
- En español

Componentes Nuevos

CourseCard.tsx
CourseGrid.tsx
CategoryFilter.tsx

Verificacion

Fase 4: Infraestructura de Cursos

Objetivo: Construir el sistema de cursos completo.

Rutas

Ruta	Pagina	Descripcion
`/cursos`	CoursesPage	Catalogo
`/curso/:slug`	CourseDetailPage	Detalle
`/curso/:slug/aprender`	LearnPage	Video player
`/mis-cursos`	MyCoursesPage	Dashboard

Operaciones

Queries:

getCourses
getCourseBySlug
getMyEnrollments
getLessonProgress
getSignedVideoUrl

Actions:

enrollInCourse
updateLessonProgress
completeCourse

Componentes

VideoPlayer.tsx - Reproductor con tracking
LessonSidebar.tsx - Lista de lecciones
ProgressRing.tsx - Indicador circular

Verificacion

Catalogo muestra cursos publicados
Detalle muestra info completa
Video player funciona
Progreso se guarda
Lecciones preview accesibles sin login

Fase 5: Pagos

Objetivo: Habilitar compra de cursos y suscripciones.

Planes

Plan	Tipo	Precio
Curso Individual	One-time	$29-99
Mensual	Subscription	$19/mes
Anual	Subscription	$149/ano

Tareas

Crear productos en Stripe
Actualizar plans.ts
Implementar createCourseCheckout
Implementar createSubscriptionCheckout
Configurar webhook para crear enrollments
Crear pagina de precios

Verificacion

Checkout de curso funciona
Checkout de suscripcion funciona
Webhook crea enrollment
Usuario puede acceder al curso despues de pago

Fase 6: Admin Dashboard

Objetivo: Panel para gestionar cursos.

Paginas Admin

Ruta	Pagina	Funcion
`/admin/courses`	AdminCoursesPage	Lista de cursos
`/admin/courses/new`	AdminCourseEditPage	Crear curso
`/admin/courses/:id`	AdminCourseEditPage	Editar curso
`/admin/enrollments`	AdminEnrollmentsPage	Ver inscripciones

Operaciones Admin

createCourse
updateCourse
deleteCourse
createLesson
updateLesson
deleteLesson
getAdminStats

Verificacion

Solo admins pueden acceder
CRUD de cursos funciona
CRUD de lecciones funciona
Estadisticas se muestran

Fase 7: Student Dashboard

Objetivo: “Mis Cursos” con progreso y certificados.

Features

Lista de Cursos Inscritos
- Con indicador de progreso
- Boton “Continuar”
Continue Watching
- Ultima leccion vista
- Reanudar desde posicion
Estadisticas
- Horas vistas
- Cursos completados
- Racha de aprendizaje
Certificados
- Lista de certificados
- Descargar PDF

Verificacion

Cursos con progreso correcto
Continuar donde se dejo
Certificados descargables
Estadisticas precisas

Fase 8: Comunidad (Post-Launch)

Objetivo: Foros y Q&A para estudiantes.

Nota: Esta fase se implementa despues del lanzamiento inicial, cuando haya usuarios activos.

Features Planeadas

Foros de discusion por curso
Sistema de Q&A
Comentarios en lecciones
Blog de estudiantes

Modelos

model ForumPost { ... }
model ForumComment { ... }
model BlogPost { ... }

Orden de Ejecucion

Fase 1 (Localizacion)
    │
    ├── Fase 2 (Base de Datos)
    │       │
    │       ├── Fase 3 (Landing Page)
    │       │
    │       └── Fase 4 (Infraestructura)
    │               │
    │               ├── Fase 5 (Pagos)
    │               │
    │               └── Fase 6 (Admin)
    │                       │
    │                       └── Fase 7 (Student Dashboard)
    │
    └── [POST-LAUNCH] Fase 8 (Comunidad)

MVP (Fases 1-7)

El MVP incluye:

Landing page en español
Sistema de cursos con video player
Tracking de progreso
Pagos (individual y suscripcion)
Dashboard de admin
Dashboard de estudiante
Certificados

Costo estimado: ~$10-20/mes (hosting + storage)