Back to projects

Mobile & Web Development

ROD Cycling

An installable web app for an indoor cycling studio: bookings, payments and class access.

Client
ROD Cycling
Type
Progressive web app
Role
Full-stack Developer

Progressive Web App

Type

iOS + Android

Install

QR · zero-touch

Check-in

Overview

A progressive web app for ROD, an indoor cycling studio. Members install it straight from the browser — “Add to Home Screen” on iPhone, “Install app” on Android — then book classes, pick their bike, pay and get in, while a realtime database keeps availability accurate on every device.

Scope of work

01

Installable PWA (iOS & Android)

02

Class booking & bike selection

03

Payments & memberships

04

Realtime availability

05

Member login & accounts

06

Automatic updates & notifications

01 · The challenge

The studio needed to move from manual bookings to a fully automated digital operation.

  • Real-time availability: no overbooking — bike selection updates instantly for every user.
  • Payment security: a robust checkout for class packages.
  • Access control: members check in at the studio without staff.
  • Native feel: a web app that behaves like a mobile app to keep retention high.

02 · The solution

A mobile-first PWA on Next.js and Firebase (Firestore & Auth) with Stripe payments, deployed on Vercel — covering scheduling, payments and physical check-in in one flow.

03 · Results

  • Zero-touch booking: members buy, reserve and check in by QR without talking to staff.
  • Near-instant loads on Next.js + Vercel, critical during rush booking windows.
  • Secure Stripe payments with automated invoicing and confirmations.
  • Visual Seat Mapper: members pick their exact bike on an interactive studio layout.

Screens

Take a closer look

Have a project in mind?

Let's build something beautiful together.

Book an intro call