Log inSign up

zrqlmhseynova

assistance-request-app

Public
Remixed
Starter template with client-side React & Hono server
Edit with AI
1 Branch
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
index.ts
README.md

πŸ†˜ Assistance Request App

A full-stack assistance request application built with React + Hono on Val Town.

Users can submit assistance requests, track their status, and communicate through a real-time support chat.

Features

  • Submit requests β€” input field for name and description
  • Display area β€” view all submitted requests with status badges
  • Data persistence β€” SQLite database stores requests and chat messages
  • Real-time chat β€” support chat panel with 3-second polling
  • Status management β€” pending β†’ in-progress β†’ resolved workflow
  • Delete requests β€” remove requests and associated messages

Architecture

Rendering mermaid diagram...

API Endpoints

MethodPathDescription
GET/api/requestsList all requests
POST/api/requestsCreate new request
PATCH/api/requests/:idUpdate request status
DELETE/api/requests/:idDelete a request
GET/api/requests/:id/messagesGet chat messages
POST/api/requests/:id/messagesSend chat message

File Structure

index.ts                          ← Hono backend + API routes + SQLite
frontend/
  index.html                      ← HTML shell
  index.tsx                       ← React entrypoint
  components/
    App.tsx                       ← Root layout
    RequestForm.tsx               ← Submit request form
    RequestList.tsx               ← Display requests list
    ChatPanel.tsx                 ← Real-time chat panel