AttendoSphere is a lightweight, single-file frontend prototype simulating a next-generation automated attendance ecosystem. It combines simulated facial recognition and Bluetooth proximity detection with Aadhaar-based face registration to secure classroom entry and exit logs without expensive backend infrastructure.
- Facial Recognition & Bluetooth Verification: Simulates proximity checks and biometric scans for secure entry/exit marking.
- Aadhaar Integration: Simulated 12-digit Aadhaar-linked face registration for administrative verification.
- Role-Based Access Control (RBAC): Tailored dashboards and workflows for Students, Teachers, and Administrators.
- In-Memory Mock Data: Generates dynamic schedules, student directories, and attendance metrics out-of-the-box (
generateFakeData()).
| Role | Key Capabilities | Demo Credentials |
|---|---|---|
| Student | • View daily, weekly, and monthly attendance percentage progress bars • Monitor subject-wise daily analytics & recent attendance history • Trigger simulated face + Bluetooth verification (Mark Entry / Mark Exit) |
student1 / demo1 |
| Teacher | • Schedule classes by subject, date, and time • Review subject-wise attendance summaries with filtering options • Audit daily attendance detail tables |
teacher1 / pass123 |
| Admin | • Register student faces against a 12-digit Aadhaar number • Onboard new students (name, credentials, branch, semester) • Manage and remove active student records |
admin / admin123 |
- Frontend: Vanilla JavaScript (ES6+), HTML5
- Styling: Tailwind CSS (via CDN)
- Icons: Font Awesome
- Data Layer: In-memory mockup generation (resets on page refresh)
- Clone or download the repository.
- Open the main file in any modern web browser (no local server or backend required).
- Log in using any of the pre-configured demo credentials listed above.