Dev2008

EasySchool

Easy School es una aplicación web diseñada para la gestión integral de cursos, estudiantes, calificaciones y asistencia, desarrollada como proyecto académico utilizando React junto con Antigravity, HTML, CSS y JavaScript. Su objetivo principal es ofrecer una herramienta clara, dinámica y funcional que permita centralizar la administración escolar en una única interfaz intuitiva. El sistema se estructura en tres módulos principales: cursos, calificaciones y asistencia. En el módulo de cursos, el usuario puede crear y gestionar diferentes clases, definiendo información relevante como año, división y materia. Cada curso actúa como eje central del sistema, ya que al seleccionarlo se activan automáticamente los paneles de calificaciones y asistencia asociados. En el módulo de calificaciones, es posible agregar estudiantes, definir categorías (como evaluaciones, trabajos prácticos o conducta) y registrar notas de manera dinámica. El sistema permite modificar, eliminar y visualizar las calificaciones, además de calcular promedios de forma automática. También incluye la posibilidad de exportar los datos en formato CSV, asegurando compatibilidad y análisis externo. Por su parte, el módulo de asistencia permite registrar la presencia de los estudiantes de manera organizada por semanas. Incluye navegación entre distintas semanas, persistencia de datos y visualización clara del estado de cada alumno. Además, se puede exportar un reporte completo de asistencia en CSV, facilitando su uso fuera de la aplicación. Una de las características más importantes de Easy School es la integración entre módulos. Al agregar un estudiante en calificaciones, este se refleja automáticamente en el panel de asistencia, evitando duplicación de datos y asegurando consistencia. Asimismo, cada curso creado se vincula directamente con su información correspondiente, generando un flujo de trabajo lógico y ordenado. En términos de diseño, la aplicación presenta una interfaz minimalista y moderna, basada en una paleta de colores donde predomina el azul como color principal, acompañado de gris como color secundario y acentos en amarillo para destacar acciones e información relevante. Esto permite una experiencia visual clara, enfocada en la usabilidad y la eficiencia. Easy School también incorpora persistencia de datos mediante almacenamiento local, lo que garantiza que la información se mantenga incluso al recargar la página, sin necesidad de backend. Toda la interacción se realiza de manera dinámica, con actualización del DOM en tiempo real y una experiencia fluida para el usuario. Finalmente, el proyecto fue gestionado mediante GitHub para el control de versiones y desplegado en Vercel, asegurando accesibilidad y disponibilidad.