Shared Grocery List
A shared grocery list that family members can add to and check off in real time from their phones.
Recipe prompt
Build a shared grocery list web application with the following features:
What This App Does
A simple shared grocery list that anyone in my family can add items to and check off. When one person adds "milk," everyone else sees it show up on their phone right away.
Features
- Add items to the list with a text input and "Add" button
- Check off items (they move to a "Got it" section at the bottom, with a strikethrough)
- Uncheck items to move them back to the active list
- Clear all checked items with one button
- Items sort alphabetically, or by category if the user types "Dairy: milk" format
- Works in real time — changes show up on all connected devices without refreshing
- No login required — anyone with the link can use it
- Works great on phone screens
Design
- Big, finger-friendly checkboxes and buttons
- Clean white background with clear text
- Minimal — no extra features, no clutter
Answer a few questions about your setup, then get a customized copy of this recipe ready to paste into your AI coding tool.
Sign in to save this recipe to your Pantry and remember your settings.
If something goes wrong…
If something goes wrong…
Changes aren't showing up on other phones: Make sure all devices are connected to the internet. Try refreshing the page on the device that's not updating.
I accidentally cleared the whole list: Unfortunately, there's no undo for this yet. You'll need to re-add your items.