NIIQUAYE1909/quickbite-food-app

A full-stack food ordering web application built for Sekondi-Takoradi, Ghana. Order local and international dishes, track delivery, and pay via Mobile Money or card # 🍽️ QuickBite — Online Food Ordering System A full-stack food ordering web application built with HTML/CSS/JavaScript (frontend) and Java (backend) connected to MySQL via XAMPP. Features a modern design with cart, wishlist, promo codes, checkout flow, and order tracking. --- ## 📁 Project Structure ``` food-ordering-system/ │ ├── FRONTEND/ ← Everything the user SEES │ ├── index.html ← Main page structure │ ├── style.css ← All visual styling │ ├── main.js ← All interactivity & logic │ └── assets/ ← Images and icons │ └── FRONTEND/BACKEND/ ← Server-side Java code ├── src/ │ ├── Main.java ← Entry point (run this) │ ├── Server.java ← HTTP server & routing │ ├── DatabaseConnection.java ← MySQL connection │ ├── FoodRoutes.java ← /api/foods │ ├── OrderRoutes.java ← /api/orders │ └── UserRoutes.java ← /api/users ├── lib/ ← JAR files (MySQL Connector) ├── database.sql ← Run this in phpMyAdmin └── config.properties ← Database credentials ``` --- ## 🚀 How to Set Up & Run ### Step 1 — Database Setup 1. Open **XAMPP Control Panel** 2. Start **Apache** and **MySQL** 3. Open browser → go to `localhost` 4. Click the **SQL** tab 5. Copy & paste everything from `FRONTEND/BACKEND/database.sql` 6. Click **Go** — this creates your database and tables ### Step 2 — Download Required JAR Files Put the MySQL Connector JAR in the `FRONTEND/BACKEND/lib/` folder: - **MySQL Connector**: dev.mysql.com - Download the platform-independent ZIP, extract the `.jar` file ### Step 3 — Run the Frontend 1. Open the `FRONTEND/` folder in VS Code 2. Right-click `index.html` → **Open with Live Server** 3. Your app opens in the browser at `localhost` ### Step 4 — Run the Backend In the terminal, navigate to the backend folder and compile …