FeaturesTemplatesShowcaseTownie
AI
BlogDocsPricing
Log inSign up
mmmm
mmmmuntitled-266
Public
Like
untitled-266
Home
Code
4
backend
3
frontend
4
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 miliseconds.
Sign up now
Code
/
Code
/
Search
index.ts
https://mmmm--41724bf23fb411f09f2e76b3cceeab13.web.val.run
README.md

Real-Time Messaging App

A full-stack messaging application built with Val Town, featuring real-time communication between users.

Features

  • User registration and authentication
  • Real-time messaging between users
  • User list and online status
  • Message history
  • Clean, responsive UI

Project Structure

├── backend/
│   ├── database/
│   │   ├── migrations.ts    # Database schema setup
│   │   └── queries.ts       # Database query functions
│   ├── routes/
│   │   ├── auth.ts         # Authentication routes
│   │   ├── messages.ts     # Message routes
│   │   ├── users.ts        # User routes
│   │   └── static.ts       # Static file serving
│   └── index.ts            # Main Hono app entry point
├── frontend/
│   ├── components/
│   │   ├── App.tsx         # Main app component
│   │   ├── Login.tsx       # Login/register form
│   │   ├── MessageList.tsx # Message display
│   │   ├── MessageInput.tsx # Message input form
│   │   └── UserList.tsx    # Online users list
│   ├── index.html          # Main HTML template
│   ├── index.tsx           # Frontend entry point
│   └── style.css           # Custom styles
├── shared/
│   └── types.ts            # Shared TypeScript types
└── README.md

Tech Stack

  • Backend: Hono (API framework)
  • Database: SQLite
  • Frontend: React with TypeScript
  • Styling: TailwindCSS
  • Real-time: Server-Sent Events (SSE)

API Endpoints

  • POST /api/auth/register - Register new user
  • POST /api/auth/login - User login
  • GET /api/users - Get all users
  • GET /api/messages - Get message history
  • POST /api/messages - Send new message
  • GET /api/messages/stream - SSE endpoint for real-time messages

Getting Started

  1. The app will automatically set up the database on first run
  2. Navigate to the app URL to start using the messaging system
  3. Register a new account or login with existing credentials
  4. Start messaging with other users in real-time!
HTTP
  • index.ts
    mmmm--41…13.web.val.run
Code
backendfrontendsharedREADME.md
Go to top
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Product
FeaturesPricing
Developers
DocsStatusAPI ExamplesNPM Package Examples
Explore
ShowcaseTemplatesNewest ValsTrending ValsNewsletter
Company
AboutBlogCareersBrandhi@val.town
Terms of usePrivacy policyAbuse contact
© 2025 Val Town, Inc.