PresenTrack – Smart Attendance System for Modern Schools

PresenTrack – Smart Attendance System for Modern Schools

Tired of outdated attendance books and clunky spreadsheets? PresenTrack is a clean, intuitive, and powerful school attendance management system built to help educators stay organized and efficient. Designed using React (Vite) and Express.js, PresenTrack offers a fully responsive interface, fast performance, and role-based access that fits perfectly into the structure of any educational institution.

Whether you're developing an MVP, managing a classroom, or building a full-fledged school system, PresenTrack provides everything you need to track student attendance accurately, even without a connected database.

🔗 LIVE DEMO 🔗

What Makes PresenTrack Special

• Secure Role-Based Login
  Students log in with a parent ID and password, while teachers use email-based login with JWT authentication. Each role—Headmaster, Homeroom Teacher, or Subject Teacher—has a specific set of permissions to maintain clarity and control.
• QR Code Check-Ins with Expiration
  Students generate one-time QR codes that expire after 60 seconds to prevent duplication or abuse. In case of system failure, a manual attendance option is always available to ensure accurate reporting.
• Feature-Rich Teacher Dashboard
  Homeroom teachers can manage student data within their own class, while subject teachers have read-only access. Headmasters can manage teachers and students across the board. Filtering options by class, level, department, and attendance status make navigating student data seamless.
• Modern and Clean Interface
  The entire system is dark mode-first, with a toggle to light mode. Profiles are presented in compact cards, and the UI is responsive on all screen sizes. Pages like login, settings, and dashboards have been thoughtfully redesigned for clarity and ease of use.
• Manual Attendance Flexibility
  Teachers can override the QR system with a manual dropdown when needed—ideal for internet outages or device issues. It’s built to be practical in real-world classroom settings.
• Expandable and Developer-Friendly
  This project runs on dummy data, making it a perfect starter template for further customization. The clean structure means it’s easy to hook into a real database and authentication system whenever you're ready to scale.

Tech Stack

• Frontend: React (Vite), Tailwind CSS
• Backend: Express.js (Node.js)
• Authentication: JWT
• UI Features: Modals, toasts, responsive layout, card components
• Design Approach: Dark mode-first, mobile-friendly
• Data Source: Dummy data (no database integration)

PresenTrack is ideal for school, freelance projects, or as a foundation for your next SaaS-style education product. It brings clarity, structure, and efficiency to student attendance while offering developers a flexible platform to build on.