10 practice prompts for business tools

Practice prototype: use fictional data only. Explain limitations and tests before proposing real use.

Build me a mini CRM as a single HTML file called "my-crm.html" for my [BUSINESS TYPE - e.g., "landscaping", "cleaning", "consulting"] business.

Features:
- Client database: name, phone, email, address, service type, rate, notes. Add/edit/delete/search.
- Service log: date, client, service, amount, notes. Running history per client.
- Follow-up dashboard (home screen): show clients due for contact based on a [30/60/90]-day cycle. Red = overdue, yellow = due soon, green = upcoming.
- Revenue view: monthly totals, YTD, average per client, top 5 by lifetime value. Simple bar chart.
- Export all data as CSV.
- Store everything in localStorage. Dark mode. Mobile-friendly. Use Tailwind CSS from CDN.
- Tab navigation: Dashboard | Clients | Service Log | Revenue.

Practice prototype: use fictional data only. Explain limitations and tests before proposing real use.

Build me an inventory management web app as a single HTML file called "inventory.html".

Features:
- Add items: name, SKU/barcode, category, quantity, reorder threshold, unit cost, supplier, location.
- Camera barcode scanner: use the html5-qrcode library (CDN) to scan barcodes with my phone camera. Scanning an existing item opens it for quick stock adjustment (+/-). Scanning a new code prompts to create the item.
- Quick adjustment buttons: +1, -1, +5, -5 for fast stock changes.
- Dashboard: total items, total value, items below reorder threshold (highlighted red), recent activity log.
- Low stock alerts: flag any item where quantity drops below its reorder threshold.
- Search and filter by category or name.
- Export inventory as CSV.
- Store in localStorage. Dark mode. Mobile-first design. Tailwind CSS from CDN.

Practice prototype: use fictional data only. Explain limitations and tests before proposing real use.

Build me an invoice generator as a single HTML file called "invoices.html".

My business info:
- Company: [YOUR BUSINESS NAME]
- Address: [YOUR ADDRESS]
- Phone: [YOUR PHONE]
- Email: [YOUR EMAIL]

Features:
- Create invoices: client name, client address, line items (description, quantity, rate), tax rate [YOUR STATE TAX %], payment terms (Net 15/30/60).
- Auto-calculate: line totals, subtotal, tax, grand total.
- Invoice numbering: auto-increment (INV-001, INV-002...).
- Print button that formats a clean, professional printable invoice (hide UI, show only the invoice).
- Save invoice history in localStorage. List all past invoices with status: draft, sent, paid.
- Mark invoices as paid with payment date.
- Dashboard: outstanding balance, paid this month, overdue invoices.
- Clean, professional design. Your brand colors: [YOUR COLORS or "navy and white"]. Tailwind CSS from CDN.

Practice prototype: use fictional data only. Explain limitations and tests before proposing real use.

Build a LOCAL PRACTICE booking interface as a single HTML file called "book.html". Use fictional names. Label the page "Demo: no real appointments are booked". Do not publish it as a real booking service.

My business: [BUSINESS TYPE]
My available hours: [e.g., "Monday-Friday 9am-5pm, Saturday 10am-2pm"]
My services:
- [SERVICE 1]: [DURATION] minutes, $[PRICE]
- [SERVICE 2]: [DURATION] minutes, $[PRICE]
- [SERVICE 3]: [DURATION] minutes, $[PRICE]

Features:
- Client picks a service, then sees a calendar with available time slots.
- Client enters name, phone, email, and any notes.
- Confirmation screen with booking details.
- Store fictional bookings in localStorage for this browser only. Explain that this cannot coordinate availability across users or devices.
- Provide a demo management view with no password field. Clearly explain that hiding a view in HTML does not secure it. Real administration requires server-side authentication and authorization.
- Clean, professional look that matches my brand. Mobile-friendly. Tailwind CSS from CDN.

Practice prototype: use fictional data only. Explain limitations and tests before proposing real use.

Build me a business expense tracker as a single HTML file called "expenses.html".

Features:
- Add expenses: date, vendor, amount, category (dropdown), payment method, receipt notes.
- Categories: Office Supplies, Vehicle/Gas, Software/Subscriptions, Meals (review tax treatment), Travel, Equipment, Professional Services, Insurance, Marketing, Utilities, Other.
- Monthly summary: total by category, with running YTD totals.
- Tax prep export: CSV grouped by category for my accountant. Do not assume a deduction percentage; let an accountant review tax treatment.
- Dashboard: this month vs last month, biggest category, spending trend chart.
- Quick-add for recurring expenses (rent, subscriptions, insurance).
- Store in localStorage. Dark mode. Mobile-friendly. Tailwind CSS from CDN.

Practice prototype: use fictional data only. Explain limitations and tests before proposing real use.

Build me a job estimator as a single HTML file called "estimates.html" for my [BUSINESS TYPE] business.

My standard rates:
- Labor: $[RATE]/hour
- Markup on materials: [PERCENTAGE]%
- Minimum job charge: $[AMOUNT]

Features:
- Create estimates: client name, job description, line items (material name, quantity, unit cost, labor hours).
- Auto-calculate: material total with markup, labor total, subtotal, tax, grand total.
- Estimate numbering: EST-001, EST-002...
- Print-friendly view for emailing/texting to clients.
- Track estimate status: draft, sent, accepted, declined.
- After a job is done, enter actual costs. Show estimate vs actual comparison (were you over or under?).
- History of all estimates with win/loss tracking. Show your close rate.
- Store in localStorage. Professional design. Tailwind CSS from CDN.

Practice prototype: use fictional data only. Explain limitations and tests before proposing real use.

Build me a crew scheduling board as a single HTML file called "schedule.html".

My crew: [LIST NAMES - e.g., "Marcus, Jaylen, Tasha, DeAndre"]

Features:
- Weekly calendar view: rows = crew members, columns = days (Mon-Sat).
- Drag or click to assign jobs to crew + time slots.
- Each job: client name, address, service type, estimated hours, notes.
- Color-code by service type (you pick the colors).
- Flag conflicts: same crew member double-booked, jobs overlapping.
- Daily view for printing: today's schedule per crew member with addresses and notes.
- Store in localStorage. Mobile-friendly. Tailwind CSS from CDN.

Practice prototype: use fictional data only. Explain limitations and tests before proposing real use.

Build a local practice feedback interface as a single HTML file called "review.html" using fictional feedback only.

My business: [BUSINESS NAME]
My Google review link: [YOUR GOOGLE REVIEW URL]

Features:
- Clean, friendly page: "How was your experience with [BUSINESS NAME]?"
- 5-star rating selector (clickable stars).
- Offer the same optional public-review link to everyone, regardless of rating. In the demo, use a placeholder link.
- Provide an optional text box for feedback at every rating. Save fictional feedback to this browser only and explain that it is not sent to the business.
- Thank you confirmation after either action.
- Demo management view: see fictional feedback and rating breakdowns. No password or security claim; real administration requires server-side authentication and authorization.
- Mobile-first. Clean, branded. Tailwind CSS from CDN.

Practice prototype: use fictional data only. Explain limitations and tests before proposing real use.

Build me a mileage tracker as a single HTML file called "mileage.html".

Features:
- Log trips: date, from, to, miles, purpose (business/personal), client name, notes.
- Include a configurable mileage rate and tax-year field. Label any example rate as fictional; require the user to verify the applicable official rate before real calculations.
- Auto-calculate tax deduction per trip and running total.
- Monthly and yearly summaries: total business miles, total deduction, number of trips.
- Quick log: "round trip to [CLIENT]" button that doubles the miles.
- Export for tax prep: CSV with date, destination, miles, purpose, deduction amount.
- Store in localStorage. Mobile-friendly (log trips from your car). Tailwind CSS from CDN.

Practice prototype: use fictional data only. Explain limitations and tests before proposing real use.

Build me a daily operations dashboard as a single HTML file called "dashboard.html" that I open every morning.

My business: [BUSINESS TYPE] with [NUMBER] employees.

Features:
- Today's numbers (manual entry each morning): jobs scheduled, revenue collected, outstanding invoices, new leads.
- 30-day trend charts for: daily revenue, jobs completed, new clients.
- Key metrics with targets: show green if hitting target, red if below.
  - Weekly revenue target: $[AMOUNT]
  - Jobs per week target: [NUMBER]
  - Average ticket: $[AMOUNT]
- Open items list: tasks/follow-ups I need to handle today (add/check off).
- Weekly scorecard: Mon-Fri columns, fill in daily numbers, auto-calculate weekly totals and averages.
- Store in localStorage. Make it the first thing I see every morning. Dark mode. Tailwind CSS from CDN.