A responsive fitness studio website with dynamic class schedules, trainer profiles, a session booking form, and a frontend admin dashboard for real-time schedule management.
Fitness studios need a digital platform that lets clients easily discover class times, learn about trainers, and book sessions — while giving staff the ability to manage the schedule without a developer.
Built a Next.js site with dynamically rendered class schedules, a booking form with client-side validation, and a frontend admin dashboard backed by localStorage for real-time schedule updates without a full backend.
Next.js App Router with TailwindCSS and shadcn/ui for a clean, consistent component system. Class schedule data is stored in localStorage and read into React state on mount — admin changes write back to localStorage and trigger a re-render. Booking form fields are controlled inputs validated before submission. Resend handles booking confirmation emails via a Next.js API Route.
Minimal server layer — a single Next.js API Route calls the Resend SDK to send booking confirmation emails. No session management or persistent server state.
LocalStorage used as a temporary data layer for the admin schedule editor. No external database yet.