/Seoux-Beauty-Website

Beauty appointment booking site where users can book available slots of various stylist in our website

Primary LanguageSCSS

Introducing SEOUX

To see the deployed version click here Seoux

seoux_logo - Edited

What is SEOUX?

Seoux is your scheduling automation platform for eliminating the back-and-forth emails for finding the perfect time — and so much more. It is a tool for scheduling appointments and events. It eliminates the usual back-and-forth emails and messages involved in nailing down time. Seoux enables a smooth workflow by automating tasks such as appointment booking and rescheduling, and sending reminders and thank you notes to prospective and existing clients and team members. You can share your availability preferences and meeting location in one click.

This website is fully functional website with all CRUD operations by user . They need to go through User Authentication middleware, to perform any interactions

Workflow

    Category(userSide) -->  1.Mens(button)  2.Womens d (Home)   
                              |
                              |
                              ↓ 
                             done ------>  Caregory(backend) ----> 1. haricut(onclick= image) 2.NailPaint 3.NailPolish ..etc
                                                                  |
                                                                  |
                                                                  ↓ 
         id: {name,title,img,rate}WorkingProfnational(List)<-------- done
                                            |
                                            |
                                            |
                                            ↓ 

                                            |
                                            |
                                            ↓ 
                   id: TimeSlot(forBooking,availability of WorkingProfnational) //
                                            |
                                            |
                                            |
                                            ↓ 
                 {UniqueID:(_id(Professonal ID),Booked at : Time}

                                            |
                                            |
                                            |
                                            |
                                            |
                                            |
                                            ↓ 

[ (8:00) disable , 8:30 , 10:00] frontend --> arr.push[8:00] == data(timeslot) // include

click on the image of working prof : --> api call --> timeslot ---> all data --> filter data --> id 



 appointment page --->| 8:00 |  8:30 9:00
                         |
                         |
                         |
                         ___ disable(x)(post request)-----user ID -->  link appointment slot--> |
                                                                                                |
                                                                                                |
                                                                                        my appointment(user)

TechStack Used for this website :-

Frontend :-

  • HTML
  • CSS
  • JavaScript
  • AOS

Backend :-

  • Node.js
  • Express.js
  • Authentication - JWT, Bcrypt,

Database :-

MongoDB Atlas

Features of this Website:-

  • Login & Signup feature.
  • User can book time slots
  • User will recieve reminders before time via email.

Application Guide :-

To Create an Event

  • First Login to your MyCal Account
  • Then Select your perticular worker and selet him or her
  • book the time slot
  • Make Payment
  • Give feedback

Team Members of the Project :-

  • Hariom Kumar
  • Rajesh K
  • Sitansu Mandal
  • Saurabh Singh
  • Saurav Sharma

Here are some screenshots of website.

🔵 Home Page :-

idexpage

🔵 Category Page :-

menpage women_page

🔵 Login/Signup Page :-

loginsignup

🔵 User Dashboard :-

working_prof

🔵 BookingPage :-

booking

🔵 Payment Page :-

payment

🔵 Feedback Page :-

feedBack

🔵 Admin Page :-

admin


Thankyou for your Time 🙌 :-