โ† Back to Projects

Fitness Pro Studio

Livebusiness

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.

๐ŸŒ Live Site๐Ÿ“ GitHub RepoBy Kyle Parsotan ยท 2025

Problem

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.

Solution

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.

Tech Stack

Frontend
Next.jsTailwindCSSshadcn/ui
Backend
Resend (email notifications)
Database
LocalStorage (interim)
DevOps
Vercel

Architecture

Frontend

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.

Backend

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.

Database

LocalStorage used as a temporary data layer for the admin schedule editor. No external database yet.

Features

Future Improvements

By Kyle Parsotan ยท 2025
Available for Projects

Ready to Get to Work?

Let's transform your ideas into reality. Whether you need a website, web app, or consulting โ€” I'm here to help you succeed.

Fast Delivery
Scalable Solutions
Clean Code

Trusted by clients worldwide delivering results on time and within budget.

Captcha: 1 + 1 = ?