A web-based attendance system utilizing QR codes for seamless tracking of student or attendee presence. This application is built with Svelte for the frontend, TypeScript for type safety, and MongoDB for data storage.
- QR Code Generation: Automatically generate unique QR codes for 10seconds, per second each qr code.
- Offline Mode: While scanning qr code, the web app will be offline, so that no proxy attendance is avoided.
- Attendance Reports: Generate detailed reports on attendance data, including dates, times, and attendees.
- Integration: Easily integrate with existing student management systems or databases.
- Security: Implement security measures to prevent fraudulent QR code scanning.
- Scalability: Scale the system to accommodate large numbers of attendees without performance degradation.
- User-Friendly Interface: Intuitive interface for both administrators and attendees to facilitate smooth attendance tracking.
- Cross-Platform Compatibility: Ensure compatibility with various web browsers and devices for accessibility.
- Historical Data: Maintain a historical record of attendance for future reference or auditing purposes.
- Frontend: Svelte, TypeScript
- Backend: Sveltekit, Auth-js
- Database: MongoDB
- Node.js and npm installed on your machine
- MongoDB installed and running
-
Clone the repository:
git clone https://github.com/WhyAsh5114/attendance-tracking-system.git
-
Navigate to the project directory:
cd qr-attendance-system -
Install dependencies:
npm install
-
Set up environment variables:
- Create a
.envfile in the root directory. - Define environment variables such as MongoDB connection URI, secret keys, etc.
- Create a
-
Start the development server:
npm run dev
-
Navigate to
http://localhost:5173in your web browser to access the application.
- Administrator Dashboard: Log in as an administrator to generate QR codes, view attendance reports, and manage settings.
- Student/Attendee Interface: Scan QR codes with a mobile device to register attendance.
