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

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

10 Markdown

Customer booking, a crew job queue, comment threads that update live, invoices by email, and card payments. Built on Elements with Claude Code Opus 5.5.

Run it yourself

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.

Paste this into your AI agent.

Need an AI agent?

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

The prompt

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 View on GitHub →

Get a digest to your inbox once per week.

Comments· 0