The Challenge
The "Matrícula Online" website serves as a vital informational hub for the school enrollment process in the state, providing essential details like required documentation, process instructions, and deadlines to parents, students, and schools. However, the previous version of the site was frontend-only, meaning any updates to information required direct database manipulation by technical staff. This process was inefficient, prone to delays, and made it difficult to ensure the information presented was always accurate and up-to-date. The challenge was to redesign the website and implement a backend system with an admin interface to empower administrators to manage content easily and reliably.
My Role
My primary role on this project was Frontend Developer within a large team. While focusing on implementing the user-facing interface, I also contributed to backend development tasks and took the initiative to design the new administrative dashboard required for the content management system. This project was my first in this role, providing a significant learning opportunity.
The Process & Solution
Design
A key part of improving the system was creating an intuitive backend for administrators. I took responsibility for designing the user interface for the CRUD (Create, Read, Update, Delete) operations and the overall admin dashboard. The design focused on clarity and efficiency, ensuring that administrators could easily manage website content like enrollment dates, documentation requirements, and instructions based on the functional requirements.
- Admin Dashboard UI:
Designed an intuitive interface for CRUD operations and overall content management for administrators. - Clarity and Efficiency:
Focused on a clear and efficient design to enable easy management of enrollment information.
Development
The redesigned website's frontend was built using Laravel Blade templates and Vanilla JavaScript, leveraging the Bootstrap framework for layout and styling components. I focused on translating requirements and the admin designs into a functional and responsive user interface, ensuring accessibility across different devices. On the backend, the team used Laravel/PHP. Although new to PHP at the time, I learned it on the spot and was able to contribute to backend tasks, gaining valuable full-stack exposure.
Technologies Used
Responsibilities
- Implementing the frontend user interface using Laravel Blade and Vanilla JavaScript.
- Ensuring a responsive design across different devices.
- Contributing to backend development tasks using Laravel/PHP.
- Designing the user interface for the admin dashboard.
The Outcome
The redesigned "Matrícula Online" website, complete with its new administrative backend, was successfully launched and is live at matriculaonline.al.gov.br. The platform continues to serve its informational purpose effectively. Crucially, the implementation of the admin dashboard and CRUD functionality allows designated administrators to update content quickly and accurately, ensuring users receive reliable, up-to-date enrollment information.
This project demonstrates my ability to work within a team and effectively handle Frontend development responsibilities. My initiative in designing the admin dashboard and contributing to backend tasks, despite being new to PHP, highlights my adaptability and eagerness to learn. The successful launch of the redesigned website with improved content management showcases my ability to translate requirements into functional and user-friendly solutions.
