• 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
/
/
x
/
mattb
/
Potluckapp
/
branch
/
main
/
version
/
63
/
code
/
README.md
/
README.md
Code
/
/
x
/
mattb
/
Potluckapp
/
branch
/
main
/
version
/
63
/
code
/
README.md
/
README.md
Search
11/13/2025
Viewing readonly version of main branch: v63
View latest version
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
  • ✏️ Edit items you've created (name, category, description)
  • πŸ™‹β€β™€οΈ Claim items to bring with your name
  • πŸ—‘οΈ Delete items you've created
  • πŸ“± 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
β”‚   β”‚   └── 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. Claim items you want to bring
  5. Edit or delete items you've created using the ✏️ and πŸ—‘οΈ buttons
  6. 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)
  • Clear All Users: Remove all family members (keeps items)
  • 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
FeaturesVersion controlCode intelligenceCLIMCP
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.