Semestre Zen
La paz mental que necesitas para dominar tu semestre académico. Porque tener control de tus notas te da tranquilidad.
.png)
El Problema real
Semestre Zen es una aplicación web diseñada para estudiantes universitarios, creada para eliminar la incertidumbre y el estrés académico derivado de no saber qué calificaciones se necesitan para aprobar.
Cálculos manuales complejos
Calcular promedios ponderados requiere usar Excel o papel, y hacer proyecciones de notas futuras resulta en una matemática estresante e incierta para los estudiantes.
Falta de visibilidad predictiva
Los estudiantes a menudo no saben con exactitud qué calificación necesitan obtener en sus próximas evaluaciones para alcanzar la nota mínima de aprobación.
Mi enfoque y Solución
Para este proyecto me enfoqué en una arquitectura moderna basada en Server Components y Server Actions con Next.js 16, garantizando rendimiento, seguridad extrema y una experiencia inmersiva "Zen".
psychology Desafíos y Arquitectura
- security Arquitectura de Seguridad (Defense in Depth) — Se implementó una estrategia robusta multicapa. A nivel de base de datos se usa Row Level Security (RLS) en Supabase. A nivel de servidor, los Server Actions realizan verificaciones del user_id explícitas antes de cualquier mutación, previniendo vulnerabilidades.
- bolt Mutaciones Interactivas Progresivas — Para formularios se adoptó el patrón moderno useActionState de React 19. Esto permite mutaciones seguras del lado del servidor con validaciones estrictas vía Zod, manteniendo un estado optimista fluido en el cliente.
- shield_lock Protección de Rutas en el Borde — Uso de Next.js Edge Middleware para interceptar y validar las peticiones, garantizando que el acceso a rutas protegidas se bloquee si no hay sesión, eliminando parpadeos visuales (flashes of unauthenticated state).
Stack Tecnológico
Next.js 16
App Router
React 19
UI Library
TypeScript
Type Safety
Supabase
Backend & Auth
Tailwind CSS v4
Estilos UI
PostgreSQL
Database (vía Supabase)
Zod
Validación
Características Principales
Cálculo Ponderado Automático
Registro de notas con porcentaje de ponderación y cálculo en tiempo real del promedio de la asignatura y del semestre global.
Proyección de Aprobación
Algoritmo predictivo que calcula dinámicamente la nota exacta que necesitas en las evaluaciones restantes para alcanzar la nota de aprobación del ramo.
Dashboard Intuitivo
Panel central que resume el desempeño académico y desglosa el estado de cada ramo con indicadores de colores según el rendimiento (aprobado, en riesgo, crítico).
Seguridad Zero-Trust
Autenticación fluida y protección de datos basada en políticas Row Level Security a nivel de base de datos y validaciones en los Server Actions.
Diseño Visual "Zen" (Premium UX)
Interfaz altamente estilizada usando técnicas de glassmorphism, blurs y micro-interacciones sutiles para brindar una experiencia relajante al usuario y reducir la ansiedad.
Capturas del Proyecto
.png)
.png)
.png)
.png)
¿Te interesa este proyecto?
Si te interesa ver cómo estructuré los Server Actions en Next.js, cómo implementé el sistema de cálculo predictivo o hablar sobre el modelo de RLS en Supabase, no dudes en contactarme.