Case Study

Attendance Management System

Mobile app · Flutter · Firebase

Attendance Management System

Timeline

May 2024 – Jul 2024

Tech Stack

FlutterDartFirebase FirestoreFirebase Auth

Overview

The Attendance Management System is a comprehensive mobile solution designed to replace manual attendance registers. It offers a streamlined interface for students to view their status and for teachers/admins to mark and manage attendance in real-time. The app leverages Firebase for instant data synchronization across devices.

Key Features

  • Role-based login (Student, Teacher, Admin).
  • Real-time attendance marking with instant database updates.
  • Dashboard for visualizing attendance percentages.
  • Secure authentication and route protection.

Technical Highlights

  • Optimized Firestore queries to reduce read costs.
  • Implemented custom state management for form handling.
  • Designed a responsive UI adaptable to different screen sizes.

Challenges & Solutions

Real-time Data Consistency

Keeping the UI in sync when multiple teachers updated records simultaneously was causing jitters.

Solution: Utilized Firestore Streams (StreamBuilder) to listen to changes and update the UI atomically.

Role Management

Ensuring students couldn't access admin features via navigation loopholes.

Solution: Implemented robust middleware logic and protected routes based on user claims in Firebase Auth.