Public
Like
untitled-6073
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://Jassy--929929343f5911f09c1576b3cceeab13.web.val.run
A full-stack grocery shopping list application built with React and Hono.
- β Add new grocery items
- β Mark items as purchased/unpurchased
- β Edit item names and quantities
- β Delete items
- β Persistent storage with SQLite
- β Real-time updates
- β Clean, responsive UI
βββ backend/
β βββ database/
β β βββ migrations.ts # Database schema
β β βββ queries.ts # Database operations
β βββ routes/
β β βββ items.ts # Grocery items API routes
β βββ index.ts # Main Hono server
βββ frontend/
β βββ components/
β β βββ App.tsx # Main app component
β β βββ GroceryItem.tsx # Individual item component
β β βββ AddItemForm.tsx # Form to add new items
β βββ index.html # Main HTML template
β βββ index.tsx # Frontend entry point
βββ shared/
βββ types.ts # Shared TypeScript types
GET /api/items
- Get all grocery itemsPOST /api/items
- Create a new itemPUT /api/items/:id
- Update an itemDELETE /api/items/:id
- Delete an item
This app runs on Val Town. The backend serves the frontend and provides a REST API for managing grocery items.