CASO · ZYDRA-SISTEMA-EDUCATIVO

Zydra – Sistema Educativo

En desarrollo Laravel TailwindCSS TypeScript Responsive

Sobre el caso

Zydra es un sistema educativo diseñado para instituciones, con módulos de notas, asistencia, roles, permisos y un panel de administración completo. Incluye un diseño moderno, rendimiento optimizado y soporte para dispositivos móviles.

Digitalización de procesos para más de 500 estudiantes, eliminando el uso de papel en un 90%.

El contexto

Las instituciones llevaban notas, asistencia y permisos en papel y hojas de cálculo sueltas: la información se perdía y nadie tenía una vista completa del estudiante.

Qué hice

Diseñé la arquitectura de la aplicación en Laravel y el modelo de datos de notas, asistencia y roles.
Construí el panel administrativo y el sistema de roles y permisos.
Maqueté la interfaz responsive con TailwindCSS y AlpineJS, con modo claro y oscuro.
Coordiné el trabajo con la otra desarrolladora del proyecto.

Qué aprendí

Modelar permisos por rol desde el inicio sale más barato que añadirlos al final.
Las animaciones se diseñan con el presupuesto de rendimiento en mente, no después.
Liderar técnicamente implica documentar decisiones para que otro pueda continuarlas.

Características

Diseño completamente responsive
Modo oscuro y modo claro
Optimización SEO avanzada
Animaciones fluidas y no intrusivas
Panel administrativo y sistema de roles

Desafíos superados

Implementar animaciones avanzadas sin afectar el rendimiento
Optimizar recursos e imágenes para cargas rápidas
Mantener buenas prácticas de arquitectura y escalabilidad