Public
Like
SchoolBank
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.
index.ts
https://Maruel--50931c763f3a11f0808276b3cceeab13.web.val.run
A comprehensive web application for managing student records and facilitating communication between school management and parents.
- Register new students with complete details
- View and search student records
- Update student information
- Track student academic progress
- Send announcements from school to parents
- Direct messaging between teachers and parents
- Notification system for important updates
- Message history and tracking
- School Admin: Full access to all features
- Teachers: Student records and parent communication
- Parents: View their child's information and receive messages
βββ backend/
β βββ database/
β β βββ migrations.ts # Database schema setup
β β βββ queries.ts # Database query functions
β βββ routes/
β β βββ students.ts # Student CRUD operations
β β βββ messages.ts # Communication system
β β βββ auth.ts # Authentication routes
β βββ index.ts # Main Hono server
βββ frontend/
β βββ components/
β β βββ App.tsx # Main application component
β β βββ StudentForm.tsx # Student registration/edit form
β β βββ StudentList.tsx # Student records display
β β βββ MessageCenter.tsx # Communication interface
β β βββ Dashboard.tsx # Main dashboard
β βββ index.html # Main HTML template
β βββ index.tsx # Frontend entry point
βββ shared/
βββ types.ts # Shared TypeScript interfaces
- Backend: Hono (TypeScript API framework)
- Database: SQLite (Val Town hosted)
- Frontend: React with TypeScript
- Styling: TailwindCSS
- Authentication: Simple session-based auth
- The app will automatically set up the database on first run
- Access the application through the HTTP endpoint
- Default admin credentials will be created for initial setup
GET /api/students
- List all studentsPOST /api/students
- Register new studentPUT /api/students/:id
- Update studentDELETE /api/students/:id
- Remove student
GET /api/messages
- Get messages for userPOST /api/messages
- Send new messagePUT /api/messages/:id/read
- Mark message as read
POST /api/auth/login
- User loginPOST /api/auth/logout
- User logoutGET /api/auth/me
- Get current user info