Proyecto: CENTRO ACADÉMICO POLÍTICO - Desarrollo Web Full-Stack | Pool Deza
Detalle, stack tecnológico, funcionalidades e impacto de CENTRO ACADÉMICO POLÍTICO
Portal Web de Educación Digital con Arquitectura Modular de 3 Módulos Independientes y Autenticación NextAuth v5
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.
- RolLíder Técnico
- PeríodoNov 2024 - Abr 2025
- StackNext.js 15, TS 99.7%
- AuthNextAuth v5
- Commits101 totales
- Módulos3 independientes
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
Dashboard de gestión de cursos, historial de actividades de estudiantes, reportes de progreso y herramientas de evaluación.
Visualización de cursos disponibles, seguimiento de progreso, calificaciones e historial completo de aprendizaje.
Gestión de usuarios y roles con permisos granulares, configuración del sistema y dashboard con estadísticas.
NextAuth v5 con OAuth Google, flujos de login/register/reset/forgot password, gestión segura de tokens y refresh automático.
Comunicación directa servidor-cliente sin API REST intermediaria, reduciendo API calls 50% y mejorando performance.
Componentes reutilizables con TailwindCSS, layout adaptativo, navegación TopMenu y paleta de colores corporativa.
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.
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.
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.
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.