Skip to content

codesaurcera/catering-system-001

Repository files navigation

🍽️ Catering Service and Ordering System

A simple Catering Service and Ordering System built with Laravel 10 + Vite, designed for small catering businesses. The system supports Admin and User roles, online ordering, cart management, and order processing.

Home Preview


🚀 Tech Stack

  • Backend: Laravel 10

  • Frontend Build Tool: Vite

  • UI / JS Libraries:

    • Bootstrap 5
    • jQuery
    • DataTables
    • Axios
    • AOS
    • Swiper
    • Toastr
    • Highcharts
  • Database: MySQL (or compatible)


📦 NPM Packages

"scripts": {
  "dev": "vite",
  "build": "vite build"
},
"devDependencies": {
  "axios": "^1.1.2",
  "laravel-vite-plugin": "^2.0.1",
  "vite": "^7.3.0"
},
"dependencies": {
  "@popperjs/core": "^2.11.8",
  "aos": "^2.3.4",
  "bootstrap": "^5.3.3",
  "datatables.net": "^2.0.7",
  "datatables.net-dt": "^2.0.7",
  "fslightbox": "^3.4.1",
  "highcharts": "^11.4.1",
  "jquery": "^3.7.1",
  "sass": "^1.77.2",
  "swiper": "^11.1.3",
  "toastr": "^2.1.4"
}

👥 User Roles

🔑 Admin

  • Full system access
  • Manage users, categories, products, and orders

👤 User

  • Can register and login
  • Browse menu, manage cart, place orders, and view order history

🌐 Pages Overview

Public Pages

  • Home / Landing Page
  • Menu Page

Authentication Pages

  • Login (Email & Password)

  • Register (User only)

    • Name
    • Email
    • Phone
    • Address
    • Password
    • Confirm Password

🛠️ Admin Pages

Dashboard

  • Overview of system data

Users Page

  • DataTable list of users
  • Toggle user status: Active / Inactive

Categories Page

  • DataTable list of categories
  • Add / Edit category (modal)
  • Delete category (confirmation modal)
  • Toggle category status: Active / Inactive

Products Page

  • DataTable list of products

  • Add / Edit product (modal)

    • Product Image
    • Product Name
    • Category (select)
    • Description (optional)
    • Price
    • Stock
  • Toggle product status: Active / Inactive

Orders Page

  • DataTable columns:

    • Order Number
    • Receiver
    • Product Quantity
    • Grand Total
    • Order Type: Acquire / Pickup / Delivery
    • Status: PENDING / ACCEPTED / CANCELLED
    • Created At
  • View order details (modal)

  • Admin can manage order status


🧑‍🍳 User Pages

My Orders

  • DataTable columns:

    • Order Number
    • Receiver
    • Product Quantity
    • Grand Total
    • Order Type
    • Status
    • Created At
  • View order details (modal)

  • Cancel order if status is not yet ACCEPTED

Cart Page

  • DataTable:

    • Product
    • Quantity
    • Available Stock
    • Delete item
  • Multi-select cart items for checkout

Checkout Page

  • Order Details

    • Receiver Name
    • Phone
    • Address
    • Order Type: Acquire / Pickup / Delivery
  • Order Summary

    • Increase / Decrease product quantity
    • Auto-compute subtotal & grand total
  • Submit Order button


⚙️ Installation Steps

1️⃣ Clone the Repository

git clone <repository-url>
cd catering-services-001

2️⃣ Install PHP Dependencies

composer install

3️⃣ Install Node Dependencies

npm install

4️⃣ Setup Environment File

cp .env.example .env
php artisan key:generate

Update .env database configuration:

DB_DATABASE=your_database
DB_USERNAME=your_username
DB_PASSWORD=your_password

5️⃣ Run Migrations & Seeders

php artisan migrate --seed

or

php artisan db:seed

6️⃣ Run the Application

Terminal 1 (Laravel backend):

php artisan serve

Terminal 2 (Vite assets):

npm run dev

Access the app at:

http://127.0.0.1:8000

🔐 Sample Accounts

Admin Account

User Account


📸 Assets

  • Home page preview image:

App Image Home App Image Menu App Image Admin App Image User

✨ Author

Developed using Laravel + Vite 🚀

Feel free to enhance, refactor, or extend this system.

About

Online Catering Services & Ordering System - Laravel 11 Vite jQuery

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors