Nuestra Inspiración: Empoderando a los Educadores Nuestro viaje con este proyecto comenzó con una revelación simple pero poderosa después de ver los videos de Semillero Digital: un equipo de educadores dedicados estaba siendo limitado por sus propias herramientas. Usaban Google Classroom, una plataforma robusta, pero su naturaleza genérica no podía comprender su modelo operativo único y de alto impacto: un sistema de grupos de apoyo llamados "células".
Vimos a profesores y asistentes pasar horas navegando por un laberinto de clics, rastreando manualmente el progreso de los estudiantes y recopilando métricas con mucho esfuerzo. Era tiempo robado de su verdadera misión: apoyar a estudiantes de entornos económicamente vulnerables. Nuestra inspiración nació de este desafío: ¿Y si pudiéramos construir una capa de inteligencia sobre Classroom que entendiera su flujo de trabajo y les devolviera ese tiempo?
Cómo lo Construimos: Un Sprint de Integración y Enfoque Con el reloj de la Vibeathon de 12 horas en marcha, adoptamos un enfoque ágil y centrado.
Primero la Base (Horas 0-2): La fase más crítica fue configurar los cimientos digitales. Creamos proyectos en Google Cloud Platform y Firebase, navegando cuidadosamente por la pantalla de consentimiento de OAuth 2.0 para habilitar las APIs de Google Classroom, People y Calendar. Establecimos una aplicación limpia con React (Vite) + Tailwind CSS e implementamos un flujo sólido de Autenticación de Google, asegurándonos de solicitar los scopes correctos desde el principio.
Cerrando la Brecha (Horas 2-5): El núcleo de nuestra solución fue construir el "eslabón perdido" entre los datos de Classroom y la estructura de Semillero. Modelamos nuestras "células" en Firebase Firestore, creando una base de datos liviana cuyo único trabajo era mapear relaciones: qué asistente gestionaba a qué estudiantes en qué curso. Esto nos permitió mantener a Classroom como la única fuente de verdad para los datos académicos.
Construyendo los Dashboards (Horas 5-10): Con la autenticación y los modelos de datos en su lugar, construimos los dashboards para el usuario. Creamos un componente principal que renderizaba dinámicamente diferentes vistas según el rol del usuario (asistente, profesor), que almacenamos en Firestore.
El Dashboard del Asistente se filtra inmediatamente para mostrar únicamente a sus estudiantes asignados y el progreso de sus tareas en tiempo real.
El Dashboard del Profesor proporciona una vista macro, pero agrupa inteligentemente a los estudiantes por su "célula", mostrando de un vistazo qué grupos están prosperando y cuáles necesitan apoyo.
Como meta adicional, integramos la API de Google Calendar para crear un módulo de asistencia simple pero potente.
Despliegue (Continuo): Desde las primeras etapas, conectamos nuestro repositorio de GitHub a Netlify, lo que permitió un despliegue continuo. Esto significó que siempre estábamos probando en un entorno real, lo que resultó invaluable para detectar problemas de configuración a tiempo.
Desafíos que Enfrentamos El Laberinto de OAuth: Nuestro mayor obstáculo técnico fue, sin duda, el flujo de OAuth 2.0 de Google. Un solo URI de redireccionamiento incorrecto o un scope de API olvidado resultaba en crípticos errores 403: access_denied. Depurar esto bajo presión fue una verdadera prueba de paciencia y atención al detalle.
La Restricción de Tiempo: El reloj fue nuestro mayor adversario. Nos obligó a ser implacables en nuestra priorización. Teníamos ideas ambiciosas para analíticas y gráficos a nivel de coordinador, pero tomamos la decisión consciente de perfeccionar primero la experiencia central para asistentes y profesores. Este proyecto es un testimonio del poder de un Producto Mínimo Viable (MVP) bien definido.
Lo que Aprendimos Más allá de las habilidades técnicas adquiridas con las APIs de Google Workspace y Firestore, nuestra mayor lección fue el inmenso valor de aumentar, no reemplazar. No intentamos construir un Classroom mejor. En su lugar, escuchamos una necesidad específica del usuario y construimos una solución a medida que se conecta directamente a su ecosistema existente. Esta Vibeathon reforzó nuestra creencia de que el software más impactante es a menudo aquel que resuelve elegantemente un problema muy humano.
Built With
- css:
- firebase:
- firestore:
- nosql
- react:
- tailwind
- vite
- vite:
Log in or sign up for Devpost to join the conversation.