datcc8a-max GitHub avatar

Nhom_4_Quan_An_Fusion

datcc8a-max

A vanilla HTML/CSS/JavaScript food ordering web app that simulates a full restaurant ordering flow with menu browsing, cart, payment, order tracking, and an admin panel, all running entirely in the browser using localStorage.

Stars

20

7-day growth

No data

Forks

0

Open issues

0

License

MIT

Last updated

2026-07-07

AI repository intelligence
FR-AI / ANALYSIS

Why it is worth attention

It demonstrates a complete e-commerce-like system built purely with frontend technologies, featuring a well-organized modular codebase, multiple payment method simulations, social login mockups, and a chatbot widget—all without any backend.

Who it is for

  • Students learning frontend development
  • Small restaurant owners looking for a demo site
  • Developers seeking a reference for vanilla JS project architecture
  • Educators needing a feature-rich example for web courses

Use cases

  • Academic project showcasing full-stack-like behavior on the frontend
  • Prototyping an online ordering system for a local eatery
  • Learning client-side state management and localStorage patterns
  • Testing user flow for a food delivery concept without backend costs

Strengths

  • Extensive feature set covering menu, cart, checkout, orders, reviews, and admin dashboard
  • Runs immediately by opening index.html with no server or build steps
  • Well-structured code with separate modules for core, features, admin, and auth
  • Includes simulated social login, QR payment timer, and promo code system

Considerations

  • All data is stored in localStorage and lost if the browser cache is cleared
  • Authentication is simulated and not secure—no real password hashing or session management
  • Payment methods are UI-only with no actual transaction processing

README quick start

Quán Ăn Fusion – Đặt Món Online

Website đặt món ăn trực tuyến hiện đại | Modern Food Ordering Web App


📖 Giới Thiệu

Quán Ăn Fusion là website đặt món ăn trực tuyến được xây dựng hoàn toàn bằng HTML/CSS/JavaScript thuần (Vanilla) — không cần backend, không cần cài đặt, chạy trực tiếp trên trình duyệt.

Dự án mô phỏng đầy đủ quy trình đặt món của một nhà hàng thực tế: từ xem thực đơn, thêm vào giỏ hàng, thanh toán, theo dõi đơn hàng cho đến trang quản trị admin.

📌 Đây là đồ án môn học — Nhóm 4, được phát triển bởi 3 thành viên làm việc song song trên cùng một codebase mà không bị conflict.


✨ Tính Năng Chính

👤 Dành cho Khách hàng

Tính năngMô tả
🍽️ Thực đơn đa dạngHiển thị 20+ món ăn chia theo danh mục (Phở & Bún, Cơm, Bánh, Đồ uống, Tráng miệng, Combo)
🔍 Tìm kiếm thông minhTìm kiếm tiếng Việt có dấu hoặc không dấu, lọc theo danh mục, sắp xếp theo giá/đánh giá
❤️ Yêu thíchLưu danh sách món yêu thích, hiển thị nhanh
🛒 Giỏ hàngThêm/xóa/thay đổi số lượng, chọn size, thêm topping, dropdown nhanh
🏷️ Mã khuyến mãiNhập mã giảm giá, freeship, xem danh sách mã khả dụng
💳 Thanh toán đa dạngCOD, MoMo, ZaloPay, VNPay, Visa/Mastercard, Chuyển khoản MB Bank
📱 QR Thanh toánTự động tạo mã QR, đồng hồ đếm ngược 15 phút chờ thanh toán
📦 Quản lý đơn hàngXem lịch sử đơn, lọc theo trạng thái, hủy đơn, đặt lại, đánh giá
Đánh giá mónChấm sao và nhận xét từng món trong đơn hàng đã hoàn thành
👨‍💼 Hồ sơ cá nhânCập nhật thông tin, đổi mật khẩu, quản lý địa chỉ, xem điểm tích lũy
💬 Chat hỗ trợWidget chat bot trả lời tự động các câu hỏi thường gặp

🔐 Xác Thực

Tính năngMô tả
📧 Đăng nhập / Đăng kýForm đầy đủ validation, lưu trữ localStorage
🔑 Quên mật khẩuĐặt lại mật khẩu qua email
🌐 Đăng nhập GoogleMô phỏng OAuth Google với popup đẹp
📘 Đăng nhập FacebookMô phỏng OAuth Facebook với popup đẹp

🛡️ Dành cho Admin (Tài khoản: admin / admin123)

| Tính năng | Mô tả | |---------

Related repositories

Similar projects matched by category, topics, and programming language.

ddosi
Featured
ddosi GitHub avatar

PacketLens

PacketLens is a pure front-end, offline pcap analysis tool that runs entirely in the browser, supporting deep protocol decoding, HTTPS decryption, and million-packet instant loading without any backend.

HTML
17
ViffyGwaanl
Featured
ViffyGwaanl GitHub avatar

kimi-k3-learn

An interactive learning system that turns the 47-page Kimi K3 technical report into a single offline HTML file with running algorithms, 3D visualizations, spaced repetition quizzes, and a smart highlighting QA tool.

AI & Machine Learning
15
iamtechartist
Featured
iamtechartist GitHub avatar

human-cell-visualizer

An interactive 3D visualization of three human cell types using Three.js, WebGL particles, and custom GLSL shaders, allowing users to rotate, zoom, morph, and explore annotated structures.

Design & Creative
13