A comprehensive web application for teachers to manage daily student attendance with real-time tracking and reporting capabilities.

• Student Management: Add, edit, and organize students by class
• Daily Attendance: Quick and intuitive attendance marking interface
• Attendance History: View and edit past attendance records
• Reports: Generate attendance reports and statistics
• Responsive Design: Works on desktop, tablet, and mobile devices

├── backend/
│   ├── database/
│   │   ├── migrations.ts    # Database schema setup
│   │   └── queries.ts       # Database query functions
│   ├── routes/
│   │   ├── students.ts      # Student management endpoints
│   │   ├── attendance.ts    # Attendance tracking endpoints
│   │   └── static.ts        # Static file serving
│   └── index.ts             # Main Hono server
├── frontend/
│   ├── components/
│   │   ├── App.tsx          # Main application component
│   │   ├── StudentList.tsx  # Student management interface
│   │   ├── AttendanceForm.tsx # Daily attendance form
│   │   └── Reports.tsx      # Attendance reports
│   ├── index.html           # Main HTML template
│   └── index.tsx            # Frontend entry point
└── shared/
    ├── types.ts             # Shared TypeScript types
    └── utils.ts             # Shared utility functions

1. The app will automatically set up the database on first run
2. Navigate to the main page to start adding students
3. Use the daily attendance feature to mark present/absent
4. View reports to track attendance patterns

• Backend: Hono (TypeScript API framework)
• Database: SQLite with Val Town's sqlite service
• Frontend: React with TypeScript
• Styling: TailwindCSS
• State Management: React hooks and context