Attendance Dashboard - Copy this React, Tailwind Component to your project

A section where students can take attendance for a specific course, but only if: Attendance is enabled for that course. The student hasn’t already marked attendance for the day. When attendance is taken: Update the status to “Attendance Marked” for that course. Prevent further attendance for the same course on the same day. When attendance is not allowed for a course, display the status “Attendance Disabled.” Face Recognition Flow: Include a "Take Attendance" button for courses where attendance is allowed. When clicked: Open the camera and start the face recognition process. Keep the camera open until the system successfully recognizes the student’s face. Mark the attendance and update the status to “Attendance Marked.”