beauty-salon

byDrashti Solanki

Create a modern appointment booking website for a beauty salon Customers should be able to : -- View the salon's services and prices -- View available appointment dates and times slots. -- Select a service and book an appointment - Enter their name , phone number , and email while booking. -- view a booking confirmation after successfully booking an appointment The salon staff should be able to: -- View customer appointments -- See appointment details such as customer name , selected service , date and time The Website should be simple , modern mobile friendly and easy to use. make sure this website Ui design moder and more attractive , innovative design

LandingBookingAvailabilityServicesConfirmationAppointmentsAppointment DetailsLogin
Landing

Comments (0)

No comments yet. Be the first!

Architecture

beauty-salon Service Networkv2
Storage
Backend - FastAPI (port 7011)
Frontend - React SPA (port 7012)
Actors
MariaDB
users, admins, appointments
FastAPI App (main.py)
/api/auth
(register, login)
/appointments
(list, get by id)
/health
security.py
(JWT + bcrypt hashing)
React Single Page Application
Pages: Landing, Booking, Availability,
Confirmation, Login/Register, Appointments,
AppointmentDetails, Services
API Client / authService
Customer
Salon Staff
Landing design preview
Landing: 1. View landing page
Services: 2. Browse services and prices
Services: 3. Retry failed load
Availability: 4. View available slots
Availability: 5. Retry failed load
Availability: 6. Select date and time
Booking: 7. Enter contact details
Booking: 8. Submit booking
Booking: 9. Correct validation errors
Booking: 10. Retry failed submission
Confirmation: 11. View booking confirmation
Confirmation: 12. Handle missing reference
Landing design preview
Landing: 1. View landing page
Services: 2. Browse services and prices
Services: 3. Retry failed load
Availability: 4. View available slots
Availability: 5. Retry failed load
Availability: 6. Select date and time
Booking: 7. Enter contact details
Booking: 8. Submit booking
Booking: 9. Correct validation errors
Booking: 10. Retry failed submission
Confirmation: 11. View booking confirmation
Confirmation: 12. Handle missing reference