Proyecto Final

Requisitos del Proyecto Final

Frontend (React)

• Mínimo 5 páginas/rutas diferentes
• Autenticación (login/registro)
• Context API o estado global
• Custom hooks (mínimo 3)
• Formularios con validación
• Consumo de API
• Responsive design
• Lazy loading
• Manejo de errores

Backend (NestJS)

• API RESTful completa
• Autenticación con JWT
• Mínimo 3 módulos/entidades relacionadas
• CRUD completo para cada entidad
• Guards para autenticación y roles
• Validación de datos con DTOs
• Manejo de errores centralizado (filters)
• Variables de entorno
• Rate limiting

Base de Datos (Libre)

• Diseño normalizado
• Relaciones entre colecciones
• Índices apropiados
• Validaciones en schemas

Deployment

• Frontend desplegado (Vercel/Netlify)
• Backend desplegado (Railway/Render)
• Base de datos en la nube (MongoDB Atlas)
• Variables de entorno configuradas
• README con documentación

Ideas de Proyectos

1. E-commerce

   • Productos, categorías, carrito
   • Gestión de órdenes
   • Panel de administración
   • Búsqueda y filtros

2. Red Social

   • Posts, comentarios, likes
   • Perfil de usuario
   • Seguir usuarios
   • Feed personalizado

3. Task Management

   • Proyectos y tareas
   • Asignación a usuarios
   • Estados y prioridades
   • Dashboard con estadísticas

4. Blog/CMS

   • Posts con categorías y tags
   • Comentarios anidados
   • Panel de admin
   • Editor de contenido

5. Plataforma de Cursos

   • Cursos y lecciones
   • Progreso del usuario
   • Certificados
   • Calificaciones

Estructura Recomendada

proyecto-final/
  frontend/
    src/
      app/
        routes/
        providers/
      features/
        auth/
          components/
          pages/
          hooks/
          services/
        posts/
          components/
          pages/
          hooks/
          services/
      shared/
        components/
        hooks/
        utils/
      styles/
    .env.example
    package.json
  backend/
    src/
      main.ts
      app.module.ts
      modules/
        auth/
          auth.module.ts
          auth.controller.ts
          auth.service.ts
          dto/
          guards/
        users/
          users.module.ts
          users.controller.ts
          users.service.ts
          dto/
          entities/
      common/
        filters/
        guards/
        interceptors/
        pipes/
      config/
    .env.example
    package.json
  README.md

Checklist de Desarrollo

Fase 1: Setup y Backend (NestJS)

• Inicializar proyecto
• Configurar base de datos
• Crear módulos y entidades
• Implementar autenticación
• CRUD básico de entidades
• Probar endpoints con Postman/Thunder Client

Fase 2: Frontend Base

• Setup de React
• Configurar routing
• Implementar autenticación
• Crear componentes base
• Integrar con API
• Context API / estado global

Fase 3: Features

• Funcionalidades principales
• Formularios y validaciones
• Custom hooks
• Optimizaciones
• Estilos y responsive

Fase 4: Testing y Deploy

• Testing manual completo
• Fix de bugs
• Deploy de backend
• Deploy de frontend
• Documentación

Cada equipo debe presentar:

1. Demo en vivo (10 min)

   • Mostrar funcionalidades principales
   • Flujo de usuario completo
   • Features destacadas

2. Aspectos técnicos (5 min)

   • Arquitectura del proyecto
   • Tecnologías utilizadas
   • Desafíos enfrentados
   • Soluciones implementadas

3. Código destacado (5 min)

   • Mostrar código del que estés orgulloso
   • Explicar decisiones técnicas
   • Custom hooks o componentes complejos