UnivTrack | Attandance Tracker

UnivTrack - Attendance Tracker is a web application designed to help university students easily monitor their class attendance throughout academic terms. The platform provides a simple and intuitive interface to manage schedules, mark attendance, and stay on top of absence limits.

Built with Nuxt.js for a reactive frontend experience and powered by Firebase for robust backend services (including authentication and database), UnivTrack focuses on delivering a seamless, mobile-first user experience with dynamic updates.

Test for yourself!

🧩 Features

• User Authentication: Secure sign-up and login using Firebase Authentication (Email/Password).
• Term Management: Create, view, and edit academic terms with custom names, start dates, and weekly schedules.
• Weekly Schedule Definition: Define a weekly class schedule (Monday-Friday) with up to 2 morning and 2 afternoon slots per day.
• Customizable Term Length: Choose term lengths from 5 to 18 weeks to match academic calendars.
• Attendance Marking: Easily mark attendance for each class session with statuses: “Attended”, “Absent”, or “Holiday / No Class”.
• Long Press for Bulk Updates: Efficiently update attendance for multiple past weeks of a course with a single long-press action.
• Dynamic Absence Reporting: View absence counts in an X / Y format (Absences / Relevant Weeks Passed), where Y excludes holidays.
• Absence Warnings: Courses nearing the absence limit (e.g., 3 or 4 absences) are automatically highlighted.
• Read-Only Completed Terms: Past terms become read-only, preserving historical attendance data.
• Mobile-First Design: Responsive interface optimized for seamless use on mobile devices.
• Theme Customization: Choose between light, dark, or system themes, and personalize the primary color with an interactive color picker.

💡 Technologies used

• Nuxt.js (Vue.js Framework)
• Vue.js
• Firebase (Authentication & Firestore)
• Tailwind CSS (or your specific CSS framework/approach)
• JavaScript