5:19

Greenline: jobs, invoices and payments for a lawn care business

Customer booking, a crew job queue, comment threads that update live, invoices by email, and card payments.

Build specs

Agent
Claude Code, Opus 5.5 Medium
Time to build
14 min
Cost to build
$6.64

Measured from the build session, priced at API rates.

Run it yourself

Paste this prompt into your AI agent. You get the finished app on your own machine, ready to change however you like.

Install elements: curl -fsSL 'https://install.elements.dev?os=darwin' | sh && export PATH=~/elements/bin:$PATH Create an Elements app from the elementscode/demo-greenline scaffold: cd ~/elements/projects elements create greenline -scaffold=elementscode/demo-greenline cd greenline Start the app.

Need an AI agent?

In AI desktop apps, paste into the Code tab, not the general chat.

The prompt

The exact prompt that built this app. Give it to your agent to build the app from scratch with Elements, or use it to compare what other tools make from the same ask.

Build a job management web app for a lawn care business.

Two kinds of accounts: company and customer. Any company user can do all company
actions. Customers only see their own jobs.

CUSTOMER
- Sign up, log in.
- Book a job: pick a service, pick a date and time, describe the work.
  Business hours are weekdays 9am to 5pm.
- See their jobs.
- Open a job to see details and a comment thread they can post to.
- Pay the invoice with a credit card when the job is done.

COMPANY
- Log in.
- Queue view: all scheduled jobs, soonest first.
- Completed view: completed jobs, showing which ones have been paid.
- Job detail: customer, address, service, scheduled time, description, comment thread,
  and a Mark Complete button.
- Marking a job complete invoices the customer at the service's fixed price and emails
  them a payment link.

Send email when an invoice is ready and when someone posts a new comment.

Job status: scheduled, completed, invoiced, paid.

Seed one company user, two customers, three services (mowing, leaf cleanup, hedge
trimming), four jobs across statuses.

All status changes updated in real time.

The code

https://github.com/elementscode/demo-greenline MIT license View on GitHub →

Get a digest to your inbox once per week.

Comments· 0