Skip to content

Repository files navigation

Booking App - Hairdresser Appointments online

  • Allows staff to config the business specialty, service, prices, agenda, time-slots, make bookings on behalf of clients, block users, enable admin privilege and more.
  • Allows clients to register, check specialties, services, prices, availabilities, make bookings, check booking history, cancel bookings, edit profile, choose theme colours and more.

Visit Hairdresser Appointments website at: https://www.prithi.com.au/

Stories

  • As a hairdresser manager I want to set specialties, assign staffs, services, service description and price

  • As a hairdresser manager I want to build and update my agenda choosing days and time-slots

  • As a hairdresser manager I want to see a list of time-slots cards, with booking stats and make comments on the cards. Also want to dynamically hide or show specifics time-slots to the clients, so I can manipulate/force clients to make a booking as per my convenience period.

  • As a hairdresser manager I want to access a list of registered users/clients and search specific user/client by name

  • As a hairdresser manager I want to receive requests for waiting list bookings when the user does not find a suitable time on the app

  • As a hairdresser manager I want to make bookings on behalf of a client

  • As a hairdresser manager I want to update user profile on behalf of a user/client, enable admins and block user access.

  • As a hairdresser manager I want to receive email notification when new booking is made or cancelled, or new user is registered

  • As a client I want to choose the color of the background

  • As a client I want to see services, prices and availability

  • As a client I want to make bookings and receive email notification with icalendar

  • As a client I want to access my bookings history and be able to cancel a booking.


Sitemap

Sitemap


Tech stack

Mern stack (MongoDB, ExpressJs, ReactJs and NodeJs)


Home page - visitor

Main features

  • Login
  • Header and logo
  • Information box (News)
  • Booking now (link to booking page)
  • Social media links (face & instagram)
  • Location - google map

Home

Home


Login - Page

Login


Signup - Page

Signup


Verify Email - Page

Verify Email


Verify Email (Logged)- Page

Verify Email logged


Verify Email - Link

Verify Email Link


Reset Password - Page

Reset Password


Forgot Password - Page

Forgot Password


Reset Link - Email

Reset Link


Reset Password - Page

Reset Password


Home page - admin logged

Main features

  • Arrow (return to the previous page)
  • PriThi (redirect to homepage)
  • Logout
  • Admin Settings (link to Admin Panel)
  • Admin Calendar (link to Admin Calendar)
  • Header and logo
  • Information box (News)
  • Booking now (link to booking page)
  • User Panel (Profile, Book Now, My Bookings, Waiting List)
  • Social media links (face & instagram)
  • Location - google map

Home

Home


Admin Panel - Page

Main features

  • Specialty (link)
  • Staff Assignment (link)
  • Time Tables (link)
  • Calendar Builder (link)
  • Calendar (link)
  • Contacts (link)
  • Message (Display)
  • Message (Edit)

Admin Panel

Admin Panel


Specialty - Page

Main features

  • Specialties (Display)
  • Add Specialty
  • Delete Specialty

Specialty

Specialty add

Specialty delete


Staff Assignment - Page

Main features

  • Add Assignment
  • Delete Assignment
  • Add Service
  • Update service
  • Delete service

Assignment

Assignment add

Assignment delete

Assignment service add

Assignment service update

Assignment service delete


Time Table - Page

Main features

  • Period Select
  • Times Select
  • Table Name field
  • Time tables (display)
  • Delete Time Table

Time

Time

Time

Time

Time


Calendar Buider - Page

Main features

  • Specialty select
  • Staff Select
  • Start date select
  • End date select
  • Week day select - selected weekdays will be excluded from the data range
  • Swich selector - Open/Close mode - close mode means the slot won't be visible by the users
  • TimeTables (link)
  • Time tables select/unselect
  • Post button (create or update slots)
  • Delete calendar (option to delete slots)

Builder

Builder

Builder

Builder

Builder

Builder

Builder


Calendar - Page

Main features

  • Specialty select
  • Staff select
  • Start date select (default today's date)
  • End date select (default one week ahead)
  • View button
  • Waiting list (link)

Calendar


Calendar List - Page

Main features

  • Back button
  • Display cards - (green color is booked, grey color is not visible and white color is available)
  • Open/close switch - when close mode (grey color) the slot is be visible for the user at 'booking now'
  • Pen button - allow writing, updating and deleting a message
  • Cancel button - Cancel booking and send email cancelation.

Calendar

Calendar

Calendar

Calendar


Waiting-List View - Page

Main features

  • Back button
  • Display cards
  • Delete button
  • Profile button (link to user profile)
  • Book (link to Book Admin page)

Waiting list

Calendar


Contacts - Page

Main features

  • Seach bar
  • Display cards - contact info
  • Book button (link to booking - admin mode)
  • Edit button (link to profile - admin mode)

Contacts


Profile (admin mode) - Page

Main features

  • Display profile info (name, email, phone)
  • Email verified - display status of email verification
  • Provider - display app when using local authentication
  • Info - record a text message - only visible by admins.
  • Max days - define range date that user can see and book for slots.
  • Admin privilege - admin mode and access for restricted pages and features
  • User status - active or deactivate a user - block user access to the app
  • Theme palet colour - change background color of the user session

Profile adm

Profile adm


Book (admin mode) - Page

Main features

  • Specialty select
  • Staff select
  • Service select
  • Display price
  • Date picker/select
  • Time picker/select (hour / minute)
  • Confirm button
  • Email confirmation to user
  • Email confirmation to admin
  • Calendar Button (link)

Book-adm

Book-adm

Book-adm

Book-adm

Book-adm

Book-adm

Book-adm


Home page - user logged

Main features

  • Arrow (return to the previous page)
  • PriThi (redirect to homepage)
  • Logout
  • Header and logo
  • Information box (News)
  • Booking now (link to booking page)
  • User Panel (Profile, Book Now, My Bookings, Waiting List)
  • Social media links (face & instagram)
  • Location - google map

Home

Home


Profile - Page

Main features

  • Display name, email, email status, phone, auth provider
  • Theme palet backgound color change

Profile top

Profile bottom

Profile updated


Booking Now - Page

Main features

  • Specialty Select
  • Staff Select
  • Service Select
  • Display service price
  • Modal service & descrition
  • Calendar date select
  • Time slot select
  • Booking sumary
  • Booking confirmation - email
  • Icalendar/ics - email
  • Booking details - adm email

Booking Top

Booking Service Modal

Booking calendar

Booking times

Booking summary

Booking confirmation - email

Booking email

Icalendar/ics - email

Booking email ics

Booking details - adm email

Booking email adm


My Bookings - Page

Main features

  • Display booking history
  • Cancel future Bookings

My Bookings

My Bookings cancel


Waiting List request - Page

Main features

  • Specialty Select
  • Staff Select
  • Service Select
  • Display service price
  • Calendar date select
  • Time period select
  • Comments field
  • Request sent - success message
  • Request details - send email to Staff

Waiting top

Waiting calendar

Waiting time period

Waiting bottom

Waiting message

Waiting email


About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages