college-attendance

bysukuna king

Build a production-ready **College Attendance Management Web App** for a Class Representative managing 70–100+ students. Use **React + TypeScript + Tailwind/shadcn**, **Node.js + Express**, **PostgreSQL + Prisma**, JWT authentication, and real database persistence. ### Core Features * CR and Student login with role-based access. * Dashboard showing total students, present, absent, attendance %, trends, and low-attendance alerts. * Mobile-first **Take Attendance** screen with USN, roll number, name, Present/Absent/Leave controls. * Mark all present, bulk actions, undo, filters, and edit previous attendance. * **Voice attendance:** CR can say roll numbers, USNs, or student names and instantly mark attendance. Support commands like present, absent, leave, undo, clear, save, and mark-all-present. * Use confidence-based matching and **never mark an uncertain student automatically**; show a “Did you mean?” option. * Voice and manual attendance must use the same validation/state system. * Student profiles with overall %, subject-wise attendance, and attendance history. * Subject and timetable management. * Reports and analytics with CSV, Excel, and PDF export. * Excel/CSV student import with validation and preview. * Audit log for every attendance edit. * Optional QR attendance. * Light/dark mode and accessible responsive UI. * All attendance percentages must be calculated from the database and update immediately after changes. * Secure authentication, validation, rate limiting, transactions, and offline-safe attendance state. ### Voice Requirements Use Web Speech API with optional Whisper/Vosk fallback. Support `en-IN`, continuous listening, push-to-talk/wake-word modes, microphone testing, confidence thresholds, and voice confirmations. Prevent duplicate or incorrect markings. ### Deliverables Provide the complete working frontend, backend, database schema/migrations, seed data for ~85 students, demo credentials, Docker setup, tests, README, and no placeholder/TODO functionality. The final application must be **fully functional, fast, mobile-friendly, reliable, and production-quality**, not a mockup or static prototype.

No preview

Comments (0)

No comments yet. Be the first!

Architecture

No Services Diagrams Yet

Architecture diagrams will be automatically generated when the Project Manager creates tasks for your project.

No completed page designs yet.

Completed design pages will appear here when they are ready to preview.

Landing: Read product and CR role explanation
Login: 1. Enroll with CR role
Login: 2. Correct validation error and resubmit
Dashboard: 1. Read class attendance standing
Login: 2. Verify credentials on return
Dashboard: 3. Open low-attendance alert context
Take Attendance: 1. Mark each student Present Absent Leave
Take Attendance: 2. Mark all present
Take Attendance: 3. Apply bulk action to filtered selection
Take Attendance: 4. Undo last change
Take Attendance: 5. Filter roster
Import Students: 6. Upload roster file
Take Attendance: 1. Save session
Take Attendance: 2. Retry save with retained changes
Take Attendance: Capture mark by QR
Take Attendance: Continue marking with offline indicator
Take Attendance: Save reconciled session
Voice Attendance: Run microphone test
Voice Attendance: Select mode and set confidence threshold
Voice Attendance: Speak roll number USN or name
Voice Attendance: Resolve candidate via Did you mean
Voice Attendance: Speak command present absent leave undo clear save mark-all-present
Voice Attendance: Save session
Attendance History: Filter session list
Attendance History: 1. Open previous session
Attendance History: 2. Change statuses and undo edit
Attendance History: 3. Save corrected session
Attendance History: 4. Retry save with retained edits
Subjects: Create subject
Subjects: Edit or remove subject
Timetable: Add timetable entry
Timetable: Edit or remove entry
Reports: Generate report view
Reports: Adjust filters
Reports: 1. Export as CSV Excel or PDF
Reports: 2. Retry export
Audit Log: 5. Review edit history
Audit Log: 6. Filter and open related session
Import Students: 7. Review validation preview
Import Students: 8. Exclude invalid rows and confirm import

No completed page designs yet.

Completed design pages will appear here when they are ready to preview.

Landing: Read product and CR role explanation
Login: 1. Enroll with CR role
Login: 2. Correct validation error and resubmit
Dashboard: 1. Read class attendance standing
Login: 2. Verify credentials on return
Dashboard: 3. Open low-attendance alert context
Take Attendance: 1. Mark each student Present Absent Leave
Take Attendance: 2. Mark all present
Take Attendance: 3. Apply bulk action to filtered selection
Take Attendance: 4. Undo last change
Take Attendance: 5. Filter roster
Import Students: 6. Upload roster file
Take Attendance: 1. Save session
Take Attendance: 2. Retry save with retained changes
Take Attendance: Capture mark by QR
Take Attendance: Continue marking with offline indicator
Take Attendance: Save reconciled session
Voice Attendance: Run microphone test
Voice Attendance: Select mode and set confidence threshold
Voice Attendance: Speak roll number USN or name
Voice Attendance: Resolve candidate via Did you mean
Voice Attendance: Speak command present absent leave undo clear save mark-all-present
Voice Attendance: Save session
Attendance History: Filter session list
Attendance History: 1. Open previous session
Attendance History: 2. Change statuses and undo edit
Attendance History: 3. Save corrected session
Attendance History: 4. Retry save with retained edits
Subjects: Create subject
Subjects: Edit or remove subject
Timetable: Add timetable entry
Timetable: Edit or remove entry
Reports: Generate report view
Reports: Adjust filters
Reports: 1. Export as CSV Excel or PDF
Reports: 2. Retry export
Audit Log: 5. Review edit history
Audit Log: 6. Filter and open related session
Import Students: 7. Review validation preview
Import Students: 8. Exclude invalid rows and confirm import