🎓 Attendance Request Management Portal
A full-stack web application built entirely with Next.js (App Router) that digitizes the attendance request process for students engaged in extracurricular activities. It simplifies and automates multi-level approval from Class Teachers and HODs, replacing the traditional paper-based system.
📌 Problem Statement
Students involved in extracurricular activities need to apply for attendance concessions via printed applications, which is:
- ⏳ Time-consuming and inefficient (Waiting outside HOD Cabin for the Sign)
- 📄 Prone to loss of data or errors
- 📊 Hard to track and manage
This portal replaces the manual system with a streamlined digital process involving submission, tracking, and approval workflows — all in one place.
✨ Features
- 🧑🎓 Student Dashboard: Submit attendance requests with event details, missed lectures, and proof.
- 🧑💼 HOD Panel: View incoming requests and approve/reject them.
- 👨🏫 Class Teacher Panel: Grants attendance after HOD approval.
- 📂 File Upload: Upload PDF or image files as proof.
- 🔐 Role-Based Dashboards: Separate UI for students, teachers, and HODs.
- 🗂️ Request Status: Real-time updates (Pending, Approved, Rejected, Granted).
- 📊 Monthly Reports: Download attendance reports in Excel format.
🛠 Tech Stack
| Layer | Technology |
|---|---|
| Framework | Next.js |
| Language | TypeScript |
| Styling | Tailwind CSS |
| UI Library | ShadCN UI, Aceternity UI |
| Animations | Framer Motion |
| File Upload | Cloudinary |
| Verification | Nodemailer |
| Database | MongoDB |
| API Layer | Next.js API Routes |
| Deployment | Vercel |
🖼️ Screenshots
Student Dashboard
Class Teacher Panel
HOD Panel
