ExamGrid
Next.jsReactTailwind CSSSupabase
All Projects2025 / Full Stack
CompletedFull Stack

ExamGrid

Academic examination administration dashboard for scheduling, attendance, and invigilator rosters.

Next.jsReactTailwind CSSSupabaseRole: Full Stack Developer
01

Overview

ExamGrid is an examination logistics and staff administration dashboard built for college examination departments. It streamlines scheduling invigilators, assigning exam halls, tracking daily faculty attendance, and generating duty rosters.

02

Problem & Approach

The Problem

University examination committees manage dozens of exam rooms and hundreds of faculty duties using disjointed manual spreadsheets, leading to double-booked invigilators and attendance tracking errors.

The Engineering Approach

Built a responsive Next.js web application connected to Supabase PostgreSQL, incorporating conflict-detection validation when assigning faculty to rooms and shifts.

03

System Architecture

Frontend UI
Next.js, React, and Tailwind CSS with responsive table and grid components.
Backend & Database
Supabase PostgreSQL with relational foreign keys linking teachers, shifts, and rooms.
04

Features & Deliverables

  • 01
    Interactive Examination Scheduling GridImplemented

    Visual timetable for mapping dates, subjects, session times, and room allocations.

  • 02
    Conflict Detection EngineImplemented

    Validates teacher allocations in real time, preventing simultaneous duty assignments across different halls.

  • 03
    Staff Attendance LoggingImplemented

    Quick-toggle attendance tracking for reporting duty presence, substitutions, and absences.

  • 04
    Test Account CredentialsImplemented

    Configured public demonstration access (test@gmail.com / password-password) for evaluation.

05

Technical Challenges

ProblemHandling complex date-time overlap queries efficiently without locking database records.

Resolution:Implemented client-side preemptive conflict checks backed by composite database constraints on teacher and session slots.

06

Contributions & Takeaways

My Contributions

  • Architected and implemented the full dashboard UI and scheduling grid.
  • Designed the Supabase relational database schema and security rules.
  • Built authentication, test credentials, and roster export views.

Key Learnings

  • Clear administrative tabular interfaces with immediate validation save hours of manual cross-referencing.
  • Preemptive client-side validation paired with database constraints prevents concurrency conflicts.

Interested in discussing this project or working together?

Get in touch