# Haitch Barber: Barber Shop Management Platform

> Haitch Barber is a complete full-stack web application designed for modern barber shop management. The platform allows users to effortlessly browse services and specialized barbers, view real-time availability, and securely book appointments online. It features an integrated payment gateway for smooth transactions and a robust backend for managing scheduling, inventory, and staff.

- **Category:** Web Platform

## Stack & skills
- React
- JavaScript
- Node.js
- Next.js
- Material UI

## Gallery
- Laptop mockup on a maroon cover labelled Salon Booking and Web App, showing a dark barbershop homepage — https://cdn.sanity.io/images/9umagxbl/production/1549cc98e696c04603d29b958f9865317b18a42a-1000x750.webp
- About page with a Who We Are section and a Services price list covering haircuts, beard trims and combo packages. — https://cdn.sanity.io/images/9umagxbl/production/21a6a2bd674d92f2e037f9c3a54dac89c6bf75f6-1600x2480.webp
- Booking wizard step one: category filters with Beard selected and service cards for Classic Beard and Beard Line Up. — https://cdn.sanity.io/images/9umagxbl/production/8ef02d135beb600ae1de947ae5eaa6b968f67600-1600x1743.webp
- Booking step two showing a July 2022 calendar with the 29th selected plus morning and afternoon time-slot lists. — https://cdn.sanity.io/images/9umagxbl/production/e06deb4e11f0120d3547aeb4ffc15e404f216157-1600x1955.webp
- Booking step three, a Basic Details form with name, email, phone and note fields beside the four-step progress rail. — https://cdn.sanity.io/images/9umagxbl/production/0603211b223fb27a8a4ee799f78484dbabe2189a-1600x1743.webp
- Booking summary step listing service, date, time and customer with total amount payable and a Book Appointment button. — https://cdn.sanity.io/images/9umagxbl/production/8337317cc0b73f94f7d2ac88f91d25d2697197cb-1600x1683.webp
- Contact page with a Say Hello enquiry form for name, email, subject and message, above an embedded street map. — https://cdn.sanity.io/images/9umagxbl/production/f845c30ce98a693878551e036c052541d61d9437-1600x2690.webp
- Customer login screen with username, password, Remember Me checkbox and a blue Login button on a dark textured page. — https://cdn.sanity.io/images/9umagxbl/production/270e46f6f36cf32369bc6c457778b4257e7ec8ce-1600x1143.webp
- My Bookings dashboard listing a Classic Beard appointment marked Approved, with a date-range filter and search field. — https://cdn.sanity.io/images/9umagxbl/production/4ddb393d4a7ad5fa101880b59bb75eee7307f4ee-1600x1147.webp
- Registration form with first and last name, phone with country selector, email, password and a Register button. — https://cdn.sanity.io/images/9umagxbl/production/345487c7c3e02a0fbccedea388c2a40772b51cfa-1600x1348.webp
- Thank you page confirming the appointment with a green tick and Add to Calendar links for Google, Yahoo, Outlook and iCal. — https://cdn.sanity.io/images/9umagxbl/production/1c7d66adeabb395a17d12fe7854bb5067a2d9b64-1600x1719.webp

---
Canonical page: https://sentientarc.com/portfolio/haitch-barber-booking-platform