Real-time Chat Application

A feature-rich chat application built with React and Hono that allows users to:

  • Login with just a username
  • Send and receive text messages in real-time
  • Record and share voice messages
  • Upload and share images
  • See who's currently online

Project Structure

  • Backend (/backend/index.ts): Hono HTTP server with WebSocket support for real-time messaging
  • Frontend (/frontend/components/App.tsx): React application for the chat interface
  • Database: SQLite for storing users, messages, and file references
  • Storage: Val Town blob storage for images and voice recordings

How to Use

  1. Enter your username to log in
  2. Send text messages by typing in the input field and pressing Enter
  3. Record voice messages by clicking the microphone button
  4. Upload images by clicking the image button
  5. See who's online in the user list on the side panel