CASE · ZYDRA-SISTEMA-EDUCATIVO
Zydra – School Management System
In progress Laravel TailwindCSS TypeScript Responsive
About the case
Zydra is a school management system for institutions, with modules for grades, attendance, roles, permissions and a full admin panel. Modern design, optimized performance and mobile support.
Digitized processes for more than 500 students, cutting paper use by 90%.
Context
Schools kept grades, attendance and permissions on paper and scattered spreadsheets: information got lost and nobody had a full view of each student.
What I did
- Designed the Laravel application architecture and the data model for grades, attendance and roles.
- Built the admin panel and the roles and permissions system.
- Built the responsive UI with TailwindCSS and AlpineJS, with light and dark mode.
- Coordinated work with the other developer on the project.
What I learned
- Modeling role-based permissions from day one is cheaper than adding them at the end.
- Animations are designed within a performance budget, not after the fact.
- Technical leadership means documenting decisions so someone else can continue them.
Features
- Fully responsive design
- Dark and light mode
- Advanced SEO optimization
- Smooth, unobtrusive animations
- Admin panel and role system
Challenges overcome
-
Implementing rich animations without hurting performance
-
Optimizing assets and images for fast loads
-
Keeping good architecture practices and scalability