School Management Dashboard

A comprehensive school management system built with React and Hono on Val Town.

• Student Management: Add, edit, view, and manage student records
• Teacher Management: Manage teacher profiles and assignments
• Class Management: Create and manage classes and subjects
• Grade Management: Record and track student grades
• Attendance Tracking: Monitor student attendance
• Dashboard Analytics: Overview of school statistics

├── backend/
│   ├── database/
│   │   ├── migrations.ts    # Database schema setup
│   │   └── queries.ts       # Database query functions
│   ├── routes/
│   │   ├── students.ts      # Student CRUD operations
│   │   ├── teachers.ts      # Teacher CRUD operations
│   │   ├── classes.ts       # Class management
│   │   ├── grades.ts        # Grade management
│   │   └── attendance.ts    # Attendance tracking
│   └── index.ts             # Main API entry point
├── frontend/
│   ├── components/
│   │   ├── App.tsx          # Main application component
│   │   ├── Dashboard.tsx    # Dashboard overview
│   │   ├── StudentList.tsx  # Student management
│   │   ├── TeacherList.tsx  # Teacher management
│   │   ├── ClassList.tsx    # Class management
│   │   └── Navigation.tsx   # Navigation component
│   ├── index.html           # Main HTML template
│   └── index.tsx            # Frontend entry point
└── shared/
    └── types.ts             # Shared TypeScript types

1. The backend API runs on the main HTTP endpoint
2. Frontend is served at the root path
3. All data is stored in SQLite database
4. Real-time updates via API polling

• GET /api/students - List all students
• POST /api/students - Create new student
• PUT /api/students/:id - Update student
• DELETE /api/students/:id - Delete student
• Similar endpoints for teachers, classes, grades, and attendance

• Backend: Hono.js, SQLite
• Frontend: React 18, TypeScript, Tailwind CSS
• Platform: Val Town (Deno runtime)