PackPass is a full-stack app built with Claude Code on Elements.
Class packs and memberships by card, a weekly schedule with spots left, waitlists that book the next member, and live rosters.
Run this app on your machine. Use this demo as inspiration, or as the starting point for your own app. Your agent creates a new app with this one as the scaffold, and you prompt it to add whatever features you want.
Members pay for a 5-class pack, a 10-class pack, or a monthly unlimited subscription. Without a Stripe key, payments run through the app's built-in test checkout: the pay buttons open an order summary with a Pay button, and paying adds the credits or starts the membership exactly as a real payment does. No card is asked for.
For real Stripe Checkout, create a free sandbox at
dashboard.stripe.com/register, copy
the secret key from Developers, API keys, and set it as STRIPE_SECRET_KEY in
config/env/development.env. Test with card 4242 4242 4242 4242, any future
date and any CVC. Production requires the key (the app refuses to start
without it) and registers its own Stripe webhook the first time a member
starts a checkout.
Emails (waitlist promotions and reminders two hours before class) are written
to .elements/logs/job.log in development.
PackPass needed class credits and a monthly membership paid by card, a schedule that counts spots as members book, waitlists that fill themselves, reminder emails and live rosters for the front desk. Each of those is a part of Elements, so the agent spent its 21 minutes on the studio itself.
-
Live schedule and rosters. The schedule, each member's bookings, the class rosters and the member list are LiveTables. Spots left, the front desk's roster with its check-in boxes and each member's credits update the moment anyone books or cancels.
-
Waitlists that book the next member. Booking locks the class first, so the last spot goes to exactly one member and a full class puts the next one on the waitlist. When someone cancels, the first member on the waitlist who can still pay gets the place and an email saying so.
-
Packs and memberships by card. Members buy a class pack or a monthly unlimited membership through Stripe. Credits are granted when the member returns and again when Stripe's webhook arrives, once either way. Until a Stripe key is set, the pay buttons open a test checkout inside the app that records the purchase the same way, and in production the app registers its own webhook on the first checkout.
-
Server calls as function calls. Booking, cancelling, check-in and buying a pack call server functions straight from the page with
@rpc. -
Background work. A one-line cron schedule checks every five minutes for classes two hours out and queues a reminder email job for each booked member, and a member who comes off the waitlist gets an email the same way.
-
Data and roles from SQL. Migrations define the studio and seed a staff login, three instructors, a week of classes, eight members and a full Reformer class with a waitlist. Sessions and one staff guard keep the studio pages with the staff.
Elements is an integrated full-stack app framework and a project server. The project server checks the agent's work as it builds: it type-checks the server and browser code, analyzes the program, applies migrations and runs the tests, then reports the results to the agent. A security mistake, such as calling a server-only function from the browser, is a compile error. The agent reads the report and fixes its own mistakes before it tells you a feature is done. The same checks run on every feature you ask for next.