Public
Like
untitled-9443
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data β all from the browser, and deployed in milliseconds.
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
- The backend API runs on the main HTTP endpoint
- Frontend is served at the root path
- All data is stored in SQLite database
- Real-time updates via API polling
GET /api/students
- List all studentsPOST /api/students
- Create new studentPUT /api/students/:id
- Update studentDELETE /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)