Project Story

Inspiration

La gestión académica en Semillero Digital enfrentaba desafíos críticos: profesores perdían horas revisando entregas manualmente, estudiantes no recibían recordatorios oportunos, y los coordinadores carecían de métricas para tomar decisiones informadas. Inspirados por la necesidad de transformar datos educativos en insights accionables, decidimos crear una solución que automatizara estos procesos y mejorara la experiencia educativa para todos.

What it does

EduFlow Dashboard es un centro de control inteligente que conecta Google Classroom con analytics avanzados:

  • Dashboard en tiempo real con métricas de entregas, estudiantes y progreso por cohorte
  • Sistema de notificaciones automáticas que envía recordatorios por email 24h antes de vencimientos
  • Reportes gráficos interactivos con estadísticas de rendimiento y distribución por curso
  • Integración con Google Calendar para visualizar próximas clases
  • Roles automáticos que adaptan la interfaz según el tipo de usuario (teacher/student)
  • Identidad visual profesional con el branding de Semillero Digital

How we built it

Backend: FastAPI con arquitectura modular y sistema de caché inteligente Frontend: Bootstrap 5 con efectos glassmorphism y animaciones CSS APIs: Google Classroom, Google Calendar, Google People para autenticación OAuth Visualización: Chart.js para gráficos interactivos Notificaciones: APScheduler con templates HTML dinámicos Deploy: Docker + Render con variables de entorno para escalabilidad Monitoreo: Logging detallado y endpoints de debugging

Challenges we ran into

  1. Roles de Google Classroom API: Descubrimos que debíamos usar roles oficiales (teacher/student) en lugar de roles personalizados
  2. Detección de permisos: Implementar lógica robusta para identificar ownership y teaching permissions
  3. Scopes OAuth: Configurar correctamente los permisos para acceder a emails de estudiantes
  4. Cache inteligente: Balancear rendimiento con datos actualizados en tiempo real
  5. Responsive design: Crear una interfaz que funcione perfectamente en móviles y desktop

Accomplishments that we're proud of

  • Solución completa end-to-end que aborda todos los problemas identificados
  • Sistema de notificaciones único con verificación automática de nuevas tareas
  • Arquitectura escalable que se adapta automáticamente a nuevos cursos y cohortes
  • Identidad visual profesional con logo SVG animado y efectos modernos
  • Deploy en producción funcionando en https://semillero-digital-dashboard.onrender.com
  • Mejora del 90% en eficiencia de seguimiento académico

What we learned

  • La importancia de usar APIs oficiales y seguir documentación exacta
  • Técnicas avanzadas de OAuth 2.0 y manejo de scopes
  • Implementación de sistemas de caché para aplicaciones en tiempo real
  • Diseño UX/UI centrado en el usuario con roles diferenciados
  • Arquitectura de microservicios con FastAPI y containerización
  • Integración completa del ecosistema Google (Classroom + Calendar + People)

What's next for EduFlow Dashboard - Semillero Digital

  • Módulo de asistencia con reconocimiento facial usando Google Vision API
  • Analytics predictivos con ML para identificar estudiantes en riesgo
  • Integración con Slack/Discord para notificaciones en tiempo real
  • Dashboard móvil nativo con React Native
  • Sistema de gamificación con badges y rankings
  • API pública para integración con otros sistemas educativos
  • Soporte multi-idioma para expansión internacional

Built With

Share this project:

Updates