Inventory tracker
By Battle-tested
Stack: React + Tailwind + Supabase.
- Stack: React + Tailwind + Supabase
Stack: React + Tailwind + Supabase. Build: a small-business inventory tool — products, stock counts, low-stock alerts. Must have: products with SKU, current stock, reorder threshold, stock movement log (in/out with reason), low-stock filter, CSV import for the initial load. Don't: edit `stock_count` directly without writing a movement row, allow negative stock without an explicit override, or import CSVs in the browser for files >5MB. First screen: product table with a "Low stock" filter chip already active.
How to use this
- 1Copy the prompt
Tap the Copy button on the prompt above. That's all of it.
- 2Paste it into Lovable
Open lovable.dev, start a new project, paste the prompt, hit send.
- 3Open the preview
Wait about a minute for the first build, then look at the preview on the right.
- 4Change one tiny thing
Ask Lovable to swap a color or a word. Watch it update live. That's the magic.
Try these next
Tap any card to copy a follow-up prompt. Paste it into the same Lovable chat.
If you get stuck
Builds can take a minute. Grab water.
If something looks weird, tell Lovable what's wrong in plain words.
You can always undo — nothing breaks forever.
Stack
Core interaction
Must have: products with SKU, current stock, reorder threshold, stock movement log (in/out with reason), low-stock filter, CSV import for the initial load.
Before / After — UI moves that separate good from AI-slop
10 side-by-side renders + the exact follow-up to copy in.