Public
Likeuntitled-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.
Viewing readonly version of main branch: v6View latest version
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.