• Townie
    AI
  • Blog
  • Docs
  • Pricing
  • We’re hiring!
Log inSign up
Maruel

Maruel

SchoolBank

Public
Like
SchoolBank
Home
Code
4
backend
3
frontend
3
shared
1
README.md
Branches
1
Pull requests
Remixes
History
Environment variables
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.
Sign up now
Code
/
Code
/
Search
index.ts
https://Maruel--50931c763f3a11f0808276b3cceeab13.web.val.run
README.md

School Management & Communication System

A comprehensive web application for managing student records and facilitating communication between school management and parents.

Features

Student Management

  • Register new students with complete details
  • View and search student records
  • Update student information
  • Track student academic progress

Communication System

  • Send announcements from school to parents
  • Direct messaging between teachers and parents
  • Notification system for important updates
  • Message history and tracking

User Roles

  • School Admin: Full access to all features
  • Teachers: Student records and parent communication
  • Parents: View their child's information and receive messages

Project Structure

β”œβ”€β”€ 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

Technology Stack

  • Backend: Hono (TypeScript API framework)
  • Database: SQLite (Val Town hosted)
  • Frontend: React with TypeScript
  • Styling: TailwindCSS
  • Authentication: Simple session-based auth

Getting Started

  1. The app will automatically set up the database on first run
  2. Access the application through the HTTP endpoint
  3. Default admin credentials will be created for initial setup

API Endpoints

Students

  • GET /api/students - List all students
  • POST /api/students - Register new student
  • PUT /api/students/:id - Update student
  • DELETE /api/students/:id - Remove student

Messages

  • GET /api/messages - Get messages for user
  • POST /api/messages - Send new message
  • PUT /api/messages/:id/read - Mark message as read

Authentication

  • POST /api/auth/login - User login
  • POST /api/auth/logout - User logout
  • GET /api/auth/me - Get current user info
HTTP
  • index.ts
    Maruel--50…13.web.val.run
Code
backendfrontendsharedREADME.md
FeaturesVersion controlCode intelligenceCLI
Use cases
TeamsAI agentsSlackGTM
DocsShowcaseTemplatesNewestTrendingAPI examplesNPM packages
PricingNewsletterBlogAboutCareers
We’re hiring!
Brandhi@val.townStatus
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Terms of usePrivacy policyAbuse contact
Β© 2025 Val Town, Inc.