← Projects
solo

Master Barber Website

Master Barber Website

Challenge

21days

Full-Stack Developer

Master Barber Website is a responsive barber shop booking and admin platform that lets customers reserve appointments while giving staff a live schedule, booking management tools, and a cleaner operational view. It combines a public booking journey with a protected admin experience backed by a Go API and Supabase persistence.

My contribution

I designed and built the customer-facing booking flow, implemented the admin dashboard and appointment tools, wired the frontend to the Go backend, and connected live booking data to the management views.

Problem

““I want booking a haircut to feel effortless, and I want the staff to see the same schedule instantly without manual coordination.””

User Needs

A fast way to book a barber appointment and see what is happening on the schedule without calling or texting the shop.

Constraints

The interface has to work cleanly on mobile, prevent double-booking, support admin authentication, and keep the booking flow simple enough for quick reservations.

Internal Factors

The frontend, backend, and database all need to stay in sync while exposing live booking data for admin operations and analytics.

External Factors

Customers expect instant confirmation, clear time availability, and a premium experience that still feels practical for a barbershop workflow.

Solution

A polished barber booking website with a responsive public reservation flow, live availability checks, Stripe checkout support, JWT-protected admin pages, and live booking-driven customer and analytics views.

Deliverables

  1. 01Public Landing Page
  2. 02Booking Flow
  3. 03Login Screen
  4. 04Admin Dashboard
  5. 05Appointments Board
  6. 06Customer Management View
  7. 07Analytics Dashboard

Key Decisions

  1. 01Use a dark editorial barber theme with clear booking hierarchy
  2. 02Drive admin customer and analytics screens from live bookings
  3. 03Keep the backend simple with JWT-protected booking endpoints and Supabase persistence
  4. 04Use live availability checks to reduce scheduling conflicts

Process

01

Requirements Definition

02

Booking Flow Design

03

Backend API Wiring

04

Admin Dashboard Integration

05

Live Data Validation

Impact

Delivered a complete booking and admin system where customers can reserve appointments, staff can manage the schedule from a protected dashboard, and bookings persist through Supabase-backed storage. The frontend and backend build successfully, and the admin views now derive from live booking data instead of static fixtures.

Team

  • Solo DeveloperFull-Stack Developer