CENTRO ACADÉMICO POLÍTICO
Portal Web de Educación Digital con Arquitectura Modular de 3 Módulos Independientes y Autenticación NextAuth v5
Sobre el Proyecto
Centro Académico Político App es un portal web modular para gestión de cursos y usuarios desarrollado para el Centro Académico Político. Implementé una plataforma con 3 módulos independientes (Admin, Profesor, Estudiante), autenticación segura con NextAuth v5, sistema de roles granulares (RBAC) y experiencia responsive optimizada.
Como Líder Técnico Full-Stack, fui responsable de la arquitectura completa con 101 commits en 6 meses de desarrollo activo. Implementé Server Actions con Prisma para reducir API calls 50% vs REST tradicional, OAuth con Google, y sistema de permisos basado en roles.
La plataforma permite a profesores crear y gestionar cursos con historial de actividades, a estudiantes visualizar progreso y calificaciones, y a administradores gestionar usuarios, roles y estadísticas desde un dashboard centralizado.
Detalles Técnicos
- RolLíder Técnico
- PeríodoNov 2024 - Abr 2025
- StackNext.js 15, TS 99.7%
- AuthNextAuth v5
- Commits101 totales
- Módulos3 independientes
STACK TECNOLÓGICO —
Stack Completo:
NextAuth v5 (Beta), Google OAuth, JWT, Refresh Tokens
Prisma ORM, Server Actions, PostgreSQL
TailwindCSS, Responsive Design, Modular Components
ESLint, TypeScript 99.7%, tipo-safe development
FUNCIONALIDADES —
Módulo Profesor
Dashboard de gestión de cursos, historial de actividades de estudiantes, reportes de progreso y herramientas de evaluación.
Módulo Estudiante
Visualización de cursos disponibles, seguimiento de progreso, calificaciones e historial completo de aprendizaje.
Módulo Admin (RBAC)
Gestión de usuarios y roles con permisos granulares, configuración del sistema y dashboard con estadísticas.
Autenticación Multi-Provider
NextAuth v5 con OAuth Google, flujos de login/register/reset/forgot password, gestión segura de tokens y refresh automático.
Server Actions + Prisma
Comunicación directa servidor-cliente sin API REST intermediaria, reduciendo API calls 50% y mejorando performance.
Diseño Responsive Modular
Componentes reutilizables con TailwindCSS, layout adaptativo, navegación TopMenu y paleta de colores corporativa.
Desafíos Técnicos y Soluciones
01. Autenticación Multi-Provider Segura
Implementé NextAuth v5 desde configuración base (config.ts). Integración OAuth con Google + manejo seguro de tokens JWT + refresh automático. Configuración de TrustHost y variables de entorno para seguridad en producción.
02. Arquitectura Modular Escalable
Separación de 3 módulos independientes (Admin, Profesor, Estudiante) sin acoplamiento. Permisos basados en roles con Server Actions y middleware de NextAuth para protección de rutas por módulo.
03. Performance y Refactorización
Refactorización de layouts con eliminación de animaciones innecesarias. Optimización incremental a lo largo de 101 commits. Server Actions + Prisma reemplazando REST tradicional para reducir latencia en operaciones CRUD.
IMPACTO —
Notas Técnicas
Proyecto en producción activo. TypeScript 99.7% coverage. NextAuth v5 con OAuth Google desde configuración base. 3 módulos desacoplados: Admin (gestión y estadísticas), Profesor (cursos y progreso), Estudiante (aprendizaje y calificaciones). Server Actions con Prisma para operaciones CRUD tipo-safe sin API REST. ESLint configurado. Responsive design con TailwindCSS. 101 commits de desarrollo incremental.