Volver a proyectos

Claustrum

Plataforma académica para consultar planes de estudio, planificar horarios y revisar experiencias con profesores del ITCR.

Visitar proyecto Ver repositorio

Contexto

Claustrum nace de una necesidad muy concreta porque planificar el semestre en el Instituto Tecnológico de Costa Rica suele exigir revisar planes de estudio, horarios, requisitos y referencias de profesores en lugares separados, por lo que la aplicación organiza esa información en una experiencia única y más fácil de consultar.

La landing está publicada en claustrum.maugp.com y la aplicación se usa desde claustrum.maugp.com/overview. Desde ahí el estudiante puede revisar su avance, construir horarios, consultar la malla curricular y comparar reseñas antes de tomar decisiones de matrícula.

En la parte técnica, el frontend se conecta a Supabase para trabajar con Postgres, funciones y su REST API, de modo que las operaciones de lectura y escritura quedan resueltas sin mantener un backend dedicado para este caso de uso.

Capturas

Inicio de la aplicación en /overview con avance general, créditos y próximos cursos.
Constructor de horarios con selección de grupos, validación de choques y visualización semanal.
Plan de estudios con estados de cursos, requisitos, correquisitos y relaciones entre materias.
Listado de profesores con búsqueda, filtros y métricas de reseñas aportadas por estudiantes.

Stack técnico

ReactViteTypeScriptSupabaseCloudflare Pages

Puntos clave

  • El constructor permite elegir grupos, detectar choques y revisar la distribución semanal sin salir del flujo de planificación.
  • La vista del plan de estudios conecta cursos, requisitos y estados de avance para que el estudiante entienda qué ha completado y qué puede llevar después.
  • El módulo de profesores agrega reseñas y calificaciones, lo cual aporta contexto adicional al momento de escoger cursos y grupos.

Aprendizajes

  • El proyecto me permitió diseñar una arquitectura frontend-first conectada a servicios gestionados, cuidando que el cliente pudiera resolver flujos complejos sin duplicar lógica innecesaria.
  • También implicó modelar datos académicos con relaciones reales entre cursos, planes, grupos y profesores, además de exponer operaciones seguras mediante funciones y endpoints REST.
  • Por último, el despliegue como SPA reforzó decisiones de rendimiento, navegación y mantenimiento para una aplicación que debe seguir siendo cómoda aun cuando crece la cantidad de datos.