An e-commerce web application built for kitchen enthusiasts, offering a wide range of high-quality appliances like blenders, mixers, and food processors. Users can browse, shop, manage orders, and track deliveries, while admins handle inventory and order management seamlessly.
- GitHub Repo: Chef’s Aura GitHub
- Lim Wen Hao
- Lim Cong Sheng
- Tan Jun Cheng
- Teh Juin Ewe
This repository contains the source code for the ChefsAura application, including both the frontend and backend components.
- Sign Up / Login / Logout
- Profile management (password, contact, address)
- Add/remove payment methods
- Browse product catalog
- Add to cart, checkout with tax & shipping calculations
- View order history and cancel orders
- Real-time stock availability
- Detailed product page with variant selections (size, colour)
- Category and brand classification
- Auto-calculated tax and free shipping logic
- Save shipping/billing address
- Payment simulation via card or PayPal option
- View, confirm, and update customer orders
- Add stock for specific product variants
- Access all customer and inventory data
| Layer | Technology |
|---|---|
| Frontend | React, Vite, Tailwind CSS, DaisyUI, Heroicons |
| Backend | Java Servlets, Maven, Tomcat 7 |
| Data Storage | JSON files |
| Languages | TypeScript, JSX, Java, HTML, CSS |
cat201-proj/
├── frontend/ # React + Vite frontend
├── backend/ # Java Servlet backend
├── userData.json # User account and orders
├── productData.json # Product listings and stock- 🏠 Home Page
- 🛍️ Product Page
- 🔐 Login & Sign Up
- 🛒 Cart Page
- 💳 Checkout Page
- 📦 Order History
- 👤 Profile Page
- 🧑💼 Admin Dashboard
- Ensure that you have the required prerequisites installed for both the frontend and backend before setting up the project.
- Follow the setup instructions in the respective README files for the frontend and backend to get the project running.
The data parsing in this project is handled as follows:
- Backend: The backend receives raw data from various sources (e.g., user input, external APIs) and processes it using Java Servlets. The data is validated, transformed, and stored in the database.
git clone https://github.com/WenHao1223/cat201-proj.git
cd cat201-proj/backend
mvn install
mvn tomcat7:run
- Frontend: The frontend, built with Node.js and Vite+React, fetches data from the backend using RESTful APIs. The data is then parsed and displayed in the user interface using React components. The frontend also handles user input and sends it back to the backend for processing.
git clone https://github.com/WenHao1223/cat201-proj.git
cd cat201-proj/frontend
npm install
npm run devThis ensures that the data is consistently processed and displayed across the application.
RESTful APIs (Representational State Transfer) are a type of web service that follows the principles of REST architecture. They use standard HTTP methods (GET, POST, PUT, DELETE) to perform operations on resources, which are identified by URLs. RESTful APIs are stateless, meaning each request from a client to a server must contain all the information needed to understand and process the request. This makes them scalable and easy to maintain.