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).