An advanced web-based attendance management system built for the Mahinda Rajapaksha College Prefect Board. This system allows prefects to manage attendance efficiently using QR Code Scanning, with data stored securely in local storage, and includes a powerful Admin Dashboard with real-time analytics.
- 📲 QR Code Scanning for instant attendance marking
- 🧠 Smart Local Storage system – no need for a backend
- 📊 Admin Dashboard with real-time attendance analytics
- 👤 Role-based system: Prefects and Admin
- 💡 Minimal, fast, and user-friendly interface
- 📱 Fully responsive on desktop, tablet, and mobile
- ✅ Get full attendance report of the specific user
- Frontend: Next.js, React, Tailwind CSS
- State Management: Local Storage (no external database)
- Authentication: Simple local-based login
- QR Scanning: JavaScript-based QR scanner
- Deployment: Vercel
- Clone the repo:
git clone https://github.com/RishBroProMax/attendance-system-v2.git
cd attendance-system-v2- Install dependencies:
npm install --force- Start development server:
npm run dev- Open
http://localhost:3000in your browser 🚀
- View total attendance stats
- Analyze attendance per day, week, or month
- Export local data if needed (manual backup option)
- Secure admin login with dashboard access
- Export to CSV file
- Prefects login locally using credentials
- Admin has a separate login for full access
- Auth data saved in browser storage
- Each student gets a unique QR code
- Admin or Prefect can scan the code using a webcam/mobile camera
- System auto-marks attendance in local records
- ⚡ Super fast and lightweight
- 📴 Works offline once loaded
- 🔒 Data stays on device (no cloud required)
- 📤 Easy to export manually if backup needed
- 🧩 Easy Database Handel
- ✅ Sync with cloud backend (Firebase/Supabase)
- ✅ Face recognition module (AI-based)
- ✅ Enhanced security/auth layer
- ✅ Google Sheet Connectable
- ✅ Moderators Roles ( Developer, Admin, Attendance Marker )
Mahinda Rajapaksha College - Prefect Board
Developed with ❤️ by @RishBroProMax
I specialize in building full-stack, high-performance web applications tailored for schools, startups, and custom use cases.
📬 Reach out:
- Email:
contact@imrishmika.site - Portfolio: imrishmika.site
- GitHub: @RishBroProMax
Let’s build something great together!
MIT License. Feel free to use, improve, or fork this project.