Hackathon 2K26 — PS4 Solution

Smart Attend

QR-powered attendance for the modern college. No more roll calls, no more proxy — just scan, mark, and move on.

Login ✨ Try Demo Explore Features ↓
0%
Proxy Attendance
3
User Roles
QR
Based Scanning
Live
Analytics
✦ Core Features

Everything you need.
Nothing you don't.

Built for real classrooms — fast, reliable, and impossible to cheat.

⚡
Instant QR Generation
Faculty generates a unique QR code per class in one click. Each code is session-specific and cryptographically unique.
⏱️
Custom Timer Expiry
Set QR validity from 2 to 60+ minutes. A live countdown ring shows time remaining with color-coded urgency.
🚫
Anti-Proxy System
QR tokens are single-use per student per session. Once scanned, the system prevents duplicate submissions.
📊
Attendance Analytics
Doughnut charts and percentage breakdowns per class. Instantly spot students falling below the 75% threshold.
📱
No App Required
Students scan with their native phone camera. Works on any iOS or Android device — no install, no friction.
🛡️
Role-Based Access
Separate dashboards for Students, Faculty, and Admin. Each role sees only what they need, nothing more.
✦ Workflow

Four steps.
Zero hassle.

🔐
Faculty Logs In
Secure session-based login. Each faculty sees only their assigned classes.
⚡
Generate QR
Pick duration, click generate. A unique timed QR appears instantly on screen.
📱
Students Scan
Students point their phone camera at the QR. Browser opens, attendance marked in one tap.
📈
View Analytics
Real-time dashboard shows who's present, attendance %, and who's at risk.
✦ User Roles

Built for everyone
in the institution.

👨‍🏫
Faculty
  • Generate timed QR codes per class
  • Live countdown with colour urgency ring
  • Per-class pie chart analytics
  • Student-level attendance table
  • End sessions remotely at any time
🎓
Student
  • Scan QR with native phone camera
  • Instantly marked present in system
  • View personal attendance % per subject
  • See warning if below 75% threshold
  • No app download needed
🛡️
Admin
  • Full system overview dashboard
  • Add and manage all users
  • Monitor all classes and sessions
  • System-wide attendance statistics
  • Assign faculty to classes
✦ Tech Stack

Lightweight.
Powerful. Serverless.

No backend server needed. Runs entirely in the browser with Firebase — deploy anywhere for free.

🔥 Firebase Auth
🗄️ Realtime Database
📷 QRCode.js
🎨 HTML / CSS / JS
📊 Chart.js
🔐 Role-Based Auth
🌐 GitHub Pages
📱 Mobile-Ready

Ready to
eliminate roll calls?

Clone the repo, install two dependencies, and you're live in under 2 minutes.

Launch App →