-
-
This is the Student Attendance Page.
-
Staff Dashboard Page
Inspiration
I was inspired to create the Smart Attendance System after seeing how much time is wasted and how easily errors and proxy attendance can happen with traditional methods in colleges and offices. I wanted to build a simple but effective solution that ensures attendance is marked only when a person is actually present at the right place and time. This web-based system uses real-time location and time validation to make the process secure and automatic, and it also provides a staff dashboard to monitor, approve, or reject entries.
What it does
The Geo & Time-Based Smart Attendance System is a full-stack web application that allows students or employees to mark attendance only within a specified time window and from a verified location. Staff can review, approve, or reject attendance submissions through a secure dashboard. This ensures accurate attendance tracking and reduces fraudulent entries.
How we built it
The system uses HTML, CSS, and JavaScript for the frontend, with Bootstrap for styling and responsive design. The backend is built using Node.js and Express, with MongoDB storing user data, attendance logs, and staff approvals. Geolocation APIs are used to validate the user’s location, while server-side time checks ensure attendance is recorded only within the allowed time frame.
Challenges we ran into
Synchronizing time across devices: Ensuring that the frontend and backend time checks align to prevent early or late submissions. Accurate location tracking: Handling cases where device geolocation may be inaccurate or unavailable. Dashboard security: Preventing unauthorized access to staff functionalities.
Accomplishments that we're proud of
Successfully implemented real-time location-based and time-restricted attendance submission. Created a secure staff dashboard for reviewing and approving attendance. Ensured the system works reliably across both desktop and mobile devices.
What we learned
How to integrate geolocation APIs with server-side validation. Techniques for building responsive web applications that work across multiple devices. How to implement authentication and role-based access control for sensitive functionalities.
What's next for Geo & Time-Based Smart Attendance System
Adding login and role-based authentication for students and staff. Implementing push notifications or email alerts for attendance approval/rejection. Developing analytics and reports to track attendance trends over time.
Log in or sign up for Devpost to join the conversation.