BakeHub is a full-stack web application designed to simulate a modern online bakery. It allows users to browse products, filter by categories, manage a shopping cart, place orders, and track their order history.
This project was built as a part of my Web Technology Lab project using HTML, CSS, PHP, MySQL, and JavaScript.
- Secure Registration & Login: Users can create accounts and log in to access features.
- Profile Management: Users can view and edit their personal details (Name, Phone, Gender, Birthday).
- Account Deletion: Full capability for users to delete their account and associated data.
- Category Filtering: Filter products dynamically (Cakes, Cookies, Pastries, Viennoiseries) without reloading the page.
- Cart: Add items, remove items, and view live total calculations.
- Order Placement: Seamless checkout process that saves orders to the database.
- Order History: Users can view a list of their past orders with dates and total amounts.
- Frontend: HTML, CSS, JavaScript
- Backend: PHP
- Database: MySQL
- Server Environment: XAMPP
- Make sure XAMPP is installed in your systems
- Clone the repository: Download the project inside htdocs folder which you will find inside xampp folder C:\xampp\htdocs\
- Database Configuration: Start MySQL in XAMPP control panel and open phpMyAdmin (http://localhost/phpmyadmin) in your web browser
- Create a new database named bakehub
- Create table customer and order (SQL query has been provided in text file)
- Run the project: Open XAMPP control panel and start start Apache, click on admin to go to your directory, and open Login.html
https://youtu.be/gjAhZEqMw_w?si=hYgoE2liCzBsayE2
Signin Page
Login Page
Home Page
Cart
Order Successful Popup
Order Page
Profile Page
