• Blog
  • Docs
  • Pricing
  • We’re hiring!
Log inSign up
mattb

mattb

Potluckapp

Public
Like
Potluckapp
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 milliseconds.
Sign up now
Code
/
Code
/
Search
index.ts
https://mattb--a63c2f12c02e11f0ac2642dde27851f2.web.val.run
README.md

πŸ₯˜ Family Potluck Planner

A fun and interactive potluck planning app where family members can collaborate on meal planning and coordinate who brings what!

Features

  • πŸ‘₯ Simple name-based sign-in (no passwords needed for family use)
  • 🍽️ Add dishes and supplies needed for the potluck
  • ✏️ Anyone can edit any item (name, category, description)
  • πŸ™‹β€β™€οΈ Claim items to bring with your name
  • πŸ—‘οΈ Anyone can delete any item
  • πŸ“ Add and edit general notes for planning and coordination (anyone can edit)
  • πŸ“± Mobile-friendly responsive design
  • 🎨 Fun, colorful interface with food emojis
  • βš™οΈ Admin panel for data management

Project Structure

β”œβ”€β”€ backend/
β”‚   β”œβ”€β”€ database/
β”‚   β”‚   β”œβ”€β”€ migrations.ts    # Database schema
β”‚   β”‚   └── queries.ts       # Database operations
β”‚   β”œβ”€β”€ routes/
β”‚   β”‚   └── api.ts          # API endpoints
β”‚   └── index.ts            # Main server entry point
β”œβ”€β”€ frontend/
β”‚   β”œβ”€β”€ components/
β”‚   β”‚   β”œβ”€β”€ App.tsx         # Main app component
β”‚   β”‚   β”œβ”€β”€ ItemCard.tsx    # Individual item display with edit/delete
β”‚   β”‚   β”œβ”€β”€ AddItemForm.tsx # Form to add new items
β”‚   β”‚   β”œβ”€β”€ NotesSection.tsx # Notes display and editing
β”‚   β”‚   └── AdminPanel.tsx  # Admin controls for data management
β”‚   β”œβ”€β”€ index.html          # Main HTML template
β”‚   β”œβ”€β”€ index.tsx           # Frontend entry point
β”‚   └── style.css           # Custom styles
└── shared/
    └── types.ts            # Shared TypeScript types

Usage

  1. Visit the app URL
  2. Enter your name to join the potluck
  3. Add dishes or supplies needed
  4. Add general notes for planning and coordination
  5. Claim items you want to bring
  6. Edit or delete any items and notes using the ✏️ and πŸ—‘οΈ buttons (anyone can edit anything)
  7. Share the link with family members!

Admin Features

Click the βš™οΈ gear icon in the bottom-right corner to access admin functions:

  • Clear All Items: Remove all dishes/supplies (keeps users and notes)
  • Clear All Users: Remove all family members (keeps items and notes)
  • Clear All Notes: Remove all general notes (keeps items and users)
  • Clear Everything: Complete reset of the potluck

⚠️ Warning: Admin actions cannot be undone!

Tech Stack

  • Backend: Hono + SQLite
  • Frontend: React + TailwindCSS
  • Storage: Val Town SQLite
  • Styling: TailwindCSS with custom food-themed colors
HTTP
  • index.ts
    mattb--a6…f2.web.val.run
Code
backendfrontendsharedREADME.md
FeaturesVersion controlCode intelligenceCLI
Use cases
TeamsAI agentsSlackGTM
DocsShowcaseTemplatesNewestTrendingAPI examplesNPM packages
PricingNewsletterBlogAboutCareers
We’re hiring!
Brandhi@val.townStatus
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Open Source Pledge
Terms of usePrivacy policyAbuse contact
Β© 2025 Val Town, Inc.