Attendance Dashboard - Copy this React, Tailwind Component to your project
Build a responsive and modern dashboard page. The dashboard is part of a web application that integrates with ZKTeco biometric attendance devices. Include the following sections in the dashboard UI: 1. Attendance Summary Total Check ins Today Absent Count Late Entries 2. Shift Overview Table with employee shifts (name, time in/out, status) 3. Holiday Calendar Monthly calendar component Highlight official holidays 4. Real time Clock Shows current server time 5. Recent Logs Scrollable list of last 10 check ins with timestamps and user names UI Design Requirements: Clean layout with cards and light colors Tailwind preferred (or clean CSS) Responsive (mobile + desktop) Use charts/icons where applicable (e.g., bar or donut chart for attendance summary) Don’t include mock data fetching logic — just the UI layout and dummy data if needed.
