← Back to work Prototype · Vertical

VaultFit

The front desk for a modern gym: a weekly class schedule where members book and cancel with capacity counting down live, a one-tap check-in counter that drives a real-time floor-occupancy meter, a branded membership card, and a 7-day attendance bar chart.

ReactReactTypeScriptTypeScriptTailwind CSSTailwind CSSNode.jsNode.jsPostgreSQLPostgreSQLStripe BillingTwilio SMSWebSocket live occupancy
Visit live site ↗
<p>The front desk for a modern gym: a weekly class schedule where members book and cancel with capacity counting down live, a one-tap check-in counter that drives a real-time floor-occupancy meter, a branded membership card, and a 7-day attendance bar chart.</p>

The brief

Boutique studios and full-size gyms run on two things: filling classes and knowing who is on the floor. Paper sign-in sheets, overbooked spin rooms, and members who can't self-serve a booking at 10pm all bleed retention and revenue. This category needs a fast, mobile-first system that shows live class capacity, handles check-ins, and gives members a reason to keep coming back.

What we built

VaultFit is a working gym front desk. Members tap through a seven-day schedule of real classes — Spin, HIIT, Vinyasa, Power Lifting, Boxing and more — and book or cancel a spot while each class's capacity bar counts down and 'spots left' turns to 'class full' at zero. A front-desk panel checks members in and out, driving a live floor-occupancy meter, while a branded membership card, visit stats, and a 7-day check-in bar chart round out the picture.

How it works

The full week of class instances lives in plain JavaScript objects with deterministic seed fill levels, and the DOM re-renders on every interaction so capacity, the 'my classes' list, and member stats always agree. Booking increments a class's headcount and flags it as yours; check-ins update both the occupancy meter and today's bar in the attendance chart. Charts are hand-drawn with CSS — no libraries, no build step, zero console errors, responsive to 360px, and reduced-motion aware.

Make it yours

This is a functional prototype that demonstrates the fitness and gym category, not a real client deployment. Romanov Solutions builds, clones, customizes and integrates gym software fully custom-fit to your facility: recurring class schedules and waitlists, Stripe memberships and class packs, turnstile and barcode check-in, trainer payroll, SMS reminders, and a branded member app. Lease it, try it free, buy the code, or have us build it new.

Like this project?

Project like this?

Tell our assistant what you have in mind — it'll sketch the first version of your game plan on the spot, and we'll pick it up from there. No forms, no waiting.

Chat with our assistant → Book a call
Ask AI