Development of an Optimized Frontend User Interface for Real-Time Student Continuous Assessment Performance Tracking

This research presents the development of an optimized frontend user interface for real-time tracking of student continuous assessment performance, enhancing the user experience for both students and lecturers in a higher education setting. The project focuses on creating a responsive, efficient system that streamlines continuous assessment, enables timely feedback, and fosters improved student engagement. Wireframes for student and lecturer interfaces were designed using Figma, allowing for real-time adjustments based on user feedback. Once the wireframes were finalized, the Breadth-First Search (BFS) algorithm was implemented specifically on the settings page to enable smooth, multi-level navigation within a single interface, eliminating the need for users to navigate across multiple pages. For frontend development, Vue.js 2 was used alongside Vuetify for cohesive Material Design components and Vuex for real-time data management, ensuring a seamless, consistent experience across mobile, tablet, and desktop devices. The result is a user-centered platform that optimizes the continuous assessment process, supporting real-time academic tracking and creating an engaging, efficient learning environment.