WebXR ยท Real-Time ยท No App Install

Smart AR Attendance
for Modern Classrooms

Students scan a QR code โ€” AR overlays appear on their phone camera, showing the live seat map. Attendance marks itself. No native app, no manual roll call.

Faculty: faculty@demo.com / password
Student: student@demo.com / password
2.1s
Avg Check-in Time
94.2%
Face Detection Accuracy
Zero
App Installs Needed
โˆž
Rooms Supported
Core Features

Everything attendance.
Nothing manual.

A complete WebXR system that works on any modern smartphone browser. No app store, no installation.

๐Ÿ“ท

QR Marker Anchoring

Place a printed QR in each room. Students scan it and instantly see the seat map overlaid in AR on their camera feed.

AR.js + A-Frame
๐Ÿ”ฅ

Live Seat Heatmap

Color-coded real-time seat grid. Green = available, purple = occupied, amber = reserved. Updates instantly via WebSocket.

Socket.io
๐Ÿค–

Face Proximity Detection

TensorFlow.js detects the student's face in-browser. If confidence >85%, attendance is auto-marked with zero interaction.

TF.js BlazeFace
๐Ÿ“Š

Admin Analytics Dashboard

Faculty sees per-room occupancy, weekly trends, low-attendance alerts, and can export CSV reports in one click.

Real-time
๐Ÿ”

Role-Based Auth

Separate flows for faculty and students. bcrypt password hashing, express-session, protected API routes.

Secure
๐Ÿ“ฑ

Mobile-First WebXR

Works on Chrome Android and Safari iOS. No app install. The entire AR experience runs in the browser via WebXR APIs.

Cross-platform

Built with modern, open-source tools

Node.js + Express
Socket.io
AR.js + A-Frame
TensorFlow.js
JSON File DB
bcrypt + Sessions
QRCode.js
Vanilla JS

4 steps to zero manual attendance

๐Ÿ–จ๏ธ
Print QR
Faculty generates and prints the room's QR code from the dashboard
๐Ÿ“ท
Student Scans
Student opens browser camera and points at the QR โ€” no app needed
๐Ÿช‘
AR Seat Map
Live seat overlay appears. Student taps an available seat to claim it
โœ…
Auto Marked
Attendance is recorded instantly. Faculty sees it live on the dashboard

Ready to demo?

Log in with the demo credentials below โ€” no signup needed.

Faculty Login Student Portal
๐Ÿ“ง faculty@demo.com / password
๐Ÿ“ง student@demo.com / password