NEXT Salon Booking Website

Production salon booking and management platform for a local business: public scheduling, self-service appointment control, and a mobile-friendly admin console.

Live site

Angular
Laravel
MySQL
REST API
Queue workers
Scheduled jobs
Cloudflare
Nginx
Ubuntu
GitHub Actions

NEXT salon public homepage with booking call to action and hero grooming photography — Public marketing site for NEXT Salon for Men with a clear path into the booking flow.

NEXT mobile homepage showing Book Appointment and services preview on a phone viewport — Mobile-first public landing page optimized for booking on small screens.

NEXT booking step 1 with Haircut service selected among Beard, Haircut, and Hair and Beard — Service selection with duration and price before continuing to barber choice.

NEXT booking step 2 with a selected barber card and continue to date and time — Barber selection after service choice in the five-step booking wizard.

NEXT booking step 3 showing a selected day and available time slots — Date and time selection driven by availability for the chosen service and barber.

NEXT booking review step summarizing service, barber, schedule, and customer details — Review step before confirmation so customers can verify the full appointment.

NEXT booking confirmed screen with reference number NX-JH7QPU and manage appointment action — Confirmation with a unique reference and a path into self-service appointment management.

NEXT appointment management page with reschedule, cancel, calendar export, and contact edit actions — Customer self-service for rescheduling, cancellation, reminders, and calendar export.

NEXT Management today board listing appointments with status badges and next appointment highlight — Owner and staff day board for live appointment status and schedule scanning.

NEXT Management calendar view for browsing and planning appointments — Calendar-oriented appointment management for longer planning windows.

NEXT Management customers list with searchable customer records — Customer management for salon operations beyond single appointments.

NEXT Management mobile today screen with bottom navigation for Today, Calendar, Add, Customers, and More — Mobile admin experience so staff can run the day from a phone.

Overview

NEXT is a production booking and operations platform for NEXT Salon for Men. Customers choose a service and barber, pick an available slot, confirm details, and manage the appointment afterward. Staff use NEXT Management to run the day board, calendar, customers, staff, services, notifications, reports, and settings.

The system is deployed for a real local business at next-lb.com, with an Angular frontend, Laravel REST API, MySQL data store, queue workers and scheduled jobs for operational tasks, cookie-based admin authentication, and a Cloudflare + Nginx + Ubuntu production stack released through GitHub Actions.

Architecture

How the pieces connect, from client to data.

Features

Five-step public booking: service, barber, date & time, details, review Completed
Availability-aware slot selection Completed
Booking confirmation with reference code and manage link Completed
Customer self-service reschedule and cancellation Completed
Admin today board, calendar, and appointment detail workflows Completed
Customer, staff, and services management Completed
Notification history, reports, and business settings Completed
Responsive public site and mobile admin navigation Completed

Challenges

Keeping booking availability consistent across service duration, barber assignment, and existing appointments.
Giving customers self-service controls without weakening salon operating rules.
Shipping a full public-plus-admin product that stays usable on phones as well as desktops.

Solutions

Modeled booking as an explicit multi-step flow with server-backed availability for the selected service and barber.
Exposed confirmation, reschedule, and cancel paths from a reference-based appointment management page.
Designed both the marketing/booking UI and NEXT Management for mobile use, including a dedicated mobile admin day board.

Security

Secure cookie-based authentication for the admin area.
Admin routes separated from the public booking experience.
Production traffic fronted by Cloudflare with Nginx on Ubuntu.

Testing

Manual verification of the public booking path, confirmation, and appointment management flows.
Admin workflow checks for today board, calendar, customers, and services screens.

Deployment

Live at https://next-lb.com for the local business.
Laravel API with MySQL, queue workers, and scheduled jobs.
Cloudflare, Nginx, and Ubuntu server with GitHub Actions deployment.