Project: CENTRO ACADÉMICO POLÍTICO - Full-Stack Web Development | Pool Deza

Details, tech stack, key features, and impact of CENTRO ACADÉMICO POLÍTICO

CENTRO ACADÉMICO POLÍTICO

Digital Education Web Portal with Modular Architecture of 3 Independent Modules and NextAuth v5 Authentication

Centro Académico Político App Dashboard
Sobre el Proyecto

Centro Académico Político App is a modular web portal for course and user management developed for the Centro Académico Político. I implemented a platform with 3 independent modules (Admin, Teacher, Student), secure authentication with NextAuth v5, role-based access control (RBAC), and an optimized responsive experience.

As the Technical Lead Full-Stack, I was responsible for the complete architecture with 101 commits over 6 months of active development. I implemented Server Actions with Prisma to reduce API calls by 50% vs traditional REST, Google OAuth, and a role-based permission system.

The platform allows teachers to create and manage courses with student activity history, students to view progress and grades, and admins to manage users, roles, and statistics from a centralized dashboard.

Detalles Técnicos
  • RoleTechnical Lead
  • PeriodNov 2024 - Apr 2025
  • StackNext.js 15, TS 99.7%
  • AuthNextAuth v5
  • Commits101 total
  • Modules3 independent
STACK TECNOLÓGICO —
Next.js 15
TypeScript 99.7%
React / Server Actions
TailwindCSS
Prisma ORM
PostgreSQL
NextAuth v5 / OAuth
Vercel
Stack Completo:
Auth:

NextAuth v5, Google OAuth, JWT, Refresh Tokens

Data:

Prisma ORM, Server Actions, PostgreSQL

UI/UX:

TailwindCSS, Responsive Design, Modular Components

Quality:

ESLint, TypeScript 99.7%, type-safe development

FUNCIONALIDADES —
Teacher Module

Course management dashboard, student activity logs, progress reports, and evaluation tools.

Student Module

Visualization of available courses, progress tracking, grades, and complete learning history.

Admin Module (RBAC)

User and role management with granular permissions, system configuration, and stats dashboard.

Multi-Provider Auth

NextAuth v5 with Google OAuth, login/register/reset workflows, secure token management, and auto-refresh.

Server Actions + Prisma

Direct server-client communication without intermediary REST APIs, reducing API calls by 50%.

Modular Responsive Design

Reusable components with TailwindCSS, adaptive layout, TopMenu navigation, and corporate color palette.

Desafíos Técnicos y Soluciones
01. Secure Multi-Provider Auth

Implemented NextAuth v5 from base setup. Integrated Google OAuth + secure JWT token handling + automatic refresh. Configured trust hosts and environment variables for production security.

02. Scalable Modular Architecture

Clear separation of 3 independent modules (Admin, Teacher, Student) without coupling. Role-based permissions using Server Actions and NextAuth middleware.

03. Performance & Refactoring

Refactoring layouts to remove unnecessary animations. Incremental optimization over 101 commits. Server Actions + Prisma replaced traditional REST to reduce CRUD latency.

IMPACTO —
101
Commits in 6 months
3
Independent modules
99.7%
TypeScript coverage
0
Reported vulnerabilities
50%
API call reduction vs REST
10K+
Accessible devices
RBAC
Granular permissions
Notas Técnicas

Active production project. TypeScript 99.7% coverage. NextAuth v5 with Google OAuth from base configuration. 3 decoupled modules: Admin (management and statistics), Teacher (courses and progress), Student (learning and grades). Server Actions with Prisma for type-safe CRUD operations without REST. ESLint configured. Responsive design with TailwindCSS. 101 commits of incremental development.

DIGITAL EDUCATION.