Barber Shop V&M
Web Application
About the project
It has an easy-to-use interface that makes the process easy, fast and effortless. In the web app you can book an appointment from anywhere and at any time.
The client simply registers with their email and with just a few clicks, they can choose the day, time and services that suit them best. And if they ever forget their password, they can easily reset it.
Once the client has booked their appointment, they will have access to a detailed summary that includes the date, time, services and total to pay. And if they change their mind or need to adjust the time or services, they can edit or delete the appointment at any time, just like if they were in a shopping cart.
Application administrators can access all appointments for the day, but also have the option to search for appointments by specific dates and if they need to add a new service, delete or modify an existing one they can do so easily.
Project Stack
This project uses advanced technology to improve the user experience. The web application uses the Model-View-Controller (MVC) pattern to make it easier to develop and maintain. Additionally, the PHP 8 programming language is used to make data management more secure and faster. The user interface is created with HTML 5, CSS 3 with SASS and JavaScript, to make it visually attractive and interactive. The database used is MySQL to make it secure and efficient in data management.
My Role
To make a web application that works well on different devices, I used modern layout technologies like Flexbox and Grid, I also used JavaScript to make the application more interactive, with a paginator, dates in a readable format and alerts.
To keep the application updated, I used Fetch and Async Await to connect to an API and get information.
Additionally, I used Gulp to compress and optimize images and to compile and organize style and javascript files.
I used PHP8 to program the structure of the web page, including functions to create, read, update and delete services and appointments. I also added security measures, such as user authentication and form validation, to protect the page and database from malicious code injection.
Additionally, I used PHP8 to create API endpoints, implement password hashing functions, send confirmation emails and reset passwords, and calculate the cost of each appointment.
For the database, I used MySQL and configured referential integrity constraints to ensure data accuracy. I also designed a JOIN query to extract and clearly display the necessary information about each appointment.
Finally, I performed tests using Cypress to identify and solve possible problems in routes, HTML elements, CSS styles, alerts, messages and errors that could arise during the process.
Note: If you want to see the functionality of confirming account or resetting password, please contact me to grant you access to the MailTrap account.
