classroom-companion-app-vibeathon

Aplicación web complementaria que se integra con Google Classroom para: No reemplaza Classroom; agrega una capa de visualización y gestión.

Comment

Inspiration

  • La necesidad de un panel claro para estudiantes y tutores donde visualizar progreso, tareas y puntualidad sin exportaciones manuales.
  • Facilitar el seguimiento en Semillero Digital con datos accionables y UI moderna, complementando Google Classroom.

What it does

  • Conecta con Google Classroom (OAuth) y muestra cursos, tareas, anuncios y envíos del usuario.
  • Dashboard con métricas: entregadas, devueltas, pendientes, % a tiempo y promedio de retraso.
  • Resumen semanal/mensual y listas de pendientes, vencidas y entregadas con estado.
  • Notificaciones y próximos entregables en una vista simple.

How we built it

  • Next.js 15 (App Router) + TypeScript + Tailwind v4.
  • NextAuth para login con Google y scopes de lectura de Classroom.
  • API routes a Classroom (courses, courseWork, submissions, announcements).
  • UI dark-only, responsive y sin animaciones para buen rendimiento.

Challenges we ran into

  • Manejar OAuth en producción (redirect_uri y usuarios de prueba).
  • Definir una heurística clara para “a tiempo” con dueDate/dueTime variables.
  • Unificar datos de múltiples endpoints y mantener la UI fluida sin librerías extras de gráficos.

Accomplishments that we're proud of

  • Dashboard útil con métricas clave y legibles en minutos.
  • Gráfico donut SVG inline (sin dependencias) y tarjetas responsive.
  • Código tipado, sin any, y build limpio listos para deploy.

What we learned

  • Mejores prácticas de NextAuth en entornos local/preview/prod.
  • Organización de UI por “cards” centrada en tareas/acciones del estudiante.
  • Integración de Classroom API con foco en DX y performance.

What's next for classroom-companion-app-vibeathon

  • Filtros conectados a tarjetas y listas, y exportación CSV.
  • Alertas multicanal (email/WhatsApp/Telegram).
  • Asistencia integrada (Google Calendar) y vistas por rol (alumno/profesor/coordinador).
  • Gráficos adicionales de tendencia y comparativas por curso.

Built With

Share this project:

Updates