Loctech Team Dashboard & Attendance System (PWA)

Overview

Loctech needed a centralized system to manage staff and student attendance, daily activity reporting, and team coordination—without relying on fragmented tools or manual processes.

I designed and built a Progressive Web App (PWA) that functions as a daily operational dashboard, combining attendance tracking, role-based access control, reporting, and automated Slack communication into a single, reliable platform.

Core Features

Daily Sign-In & Attendance System

1. Dynamic barcode-based sign-in
2. Unique barcode generated daily
3. Prevents reuse and attendance fraud
4. Staff and student attendance tracking
5. Time-stamped records stored in MongoDB
6. Slack notifications triggered on successful sign-in

Team & Role Management

1. Role-based access control (Admin, Team Lead, Staff, Student)
2. Team assignment and hierarchy management
3. Controlled access to dashboards and reports based on role

Student Attendance Management

1. Student profile management
2. Daily attendance tracking
3. Attendance history and insights per student

Daily Report Submissions

1. End-of-day activity report submission
2. Structured reporting format
3. Submission status tracking

Automated Reporting

1. Monthly attendance report generation
2. Exportable attendance summaries
3. Performance visibility for management

Slack Automation & Integrations

1. Daily Slack reminders to submit reports
2. Real-time Slack notifications for:
3. Attendance sign-ins
4. Report submissions
5. Integration built using @slack/web-api
6. Helps enforce accountability without manual follow-ups

Architecture & Technical Approach

1. Frontend
2. Next.js
3. PWA support for offline access and mobile-first usage
4. Fast, app-like experience across devices
5. Backend
6. API routes and server logic in Next.js
7. MongoDB for flexible schema and fast writes
8. Secure authentication and authorization flows
9. Attendance Logic
10. Daily rotating barcode generation
11. Server-validated scan requests
12. Time-bound attendance windows
13. Automation Layer
14. Scheduled jobs for:
15. Daily Slack reminders
16. Monthly report generation
17. Event-based Slack notifications for key actions

Impact

1. Eliminated manual attendance tracking
2. Reduced report submission delays through automated reminders
3. Improved transparency across teams and students
4. Provided management with accurate, real-time operational data
5. Increased accountability without increasing admin workload

Why This Project Matters

This project demonstrates:

1. Strong full-stack system design
2. Real-world PWA implementation
3. Experience with automation and third-party integrations
4. Ability to build tools that directly improve daily operations
5. A deep understanding of access control, workflows, and accountability systems