Back

ShihennaDEMO

Developed a website for mehndi artist, Shifa. This was my first web project and I bite off more than I could chew, implementing a booking system that would be more of a pain than a solution. Moreover, I used firebase Web version 8 (first time without following a project tutorial) to implement the backend and it will be deprecated. Developed using HTML, CSS(SCSS) and JavaScript, with GSAP library for animation and firebase for the backend.
Check on GitHub

launch

Preview

The gallery is divided in 3 categories and within each category the images are paginated (only 4 images are loaded at a time, at the bottom users can click on “next” to load 4 more images).
Users can place an appointment on the website itself. Only phone numbers that follow the Mauritian phone number pattern is allowed, moreover when selecting the time if the time slot is black then it is already booked/cannot be booked. If a user already has an appointment, they will not be able to place another one until either their previous appointment is done, or they wait for 3 hours before opting out of the appointment, this was setup as such to block spamming appointments.
Using the appointment website, the owner can send a message (through WhatsApp/phone) to customers that have placed an appointment. They can also check the appointments that have been placed through the calendar/ timetable, Since the system automatically book the time even if the owner has not sent a message to the customer, there is a field to state that they have not been sent a message yet. The owner can also book an appointment by clicking on a time slot that is still available.
Using the admin website, postings can be added or edited. The admin website uses Google sign-in and using Firestore security rules only the google account for the owner is allowed to make changes (add, delete and update).