datcc8a-max/nhom_3_quan_an_fusion — explained in plain English
Analysis updated 2026-05-18
Study a complete frontend-only food ordering flow, from menu browsing to checkout and order tracking.
Try a demo admin panel for managing a restaurant's menu, promotions, and orders.
See an example of client-side Google sign-in combined with localStorage-based accounts.
| datcc8a-max/nhom_3_quan_an_fusion | algorave-dave/fail-safe | avaritiachaos/qoder-proxy | |
|---|---|---|---|
| Stars | 22 | 22 | 22 |
| Language | JavaScript | JavaScript | JavaScript |
| Setup difficulty | easy | easy | moderate |
| Complexity | 2/5 | 1/5 | 3/5 |
| Audience | developer | general | developer |
Figures from each repo's GitHub metadata at analysis time.
Best run with VS Code's Live Server extension, opening index.html directly breaks Google sign-in.
Quan An Fusion is a food ordering website built as a class project by three students, using only HTML, CSS, and JavaScript with no backend server. It runs directly in a browser and simulates the full experience of ordering from a restaurant, from browsing a menu through checkout, order tracking, and an admin panel to manage the restaurant side. On the customer side, the site shows more than twenty dishes organized into categories such as noodle soups, rice dishes, drinks, and desserts. Visitors can search in Vietnamese with or without accent marks, filter by category, and sort by price or rating. They can save favorite dishes, add items to a cart with a chosen size and extra toppings, and apply promo codes for discounts or free shipping. Checkout supports several payment methods including cash on delivery, popular Vietnamese digital wallets, bank transfer, and card payment, and it can auto fill a customer's saved details and generate a QR code with a fifteen minute countdown for payment. After ordering, a customer can view their order history, track a delivery status, cancel or reorder a past order, and rate individual dishes once an order is complete. There is also a profile page for personal details and a simple chat widget that answers common questions automatically. Accounts can be created with email and password, which are stored in the browser's local storage rather than a real database, and the site also offers a password reset flow and real Google sign in through Google's identity service. A separate admin panel, reachable with a built in demo account, gives access to a dashboard of sales and orders, tools to manage the menu including uploading dish photos, promo code management, and order status updates with CSV export. The README recommends running the project with the Live Server extension in VS Code rather than opening the HTML file directly, since Google sign in is blocked by the browser's security rules when the file is opened as a static page instead of served locally.
A frontend-only Vietnamese food ordering website built with plain HTML, CSS, and JavaScript, complete with cart, checkout, and an admin panel.
Mainly JavaScript. The stack also includes HTML, CSS, JavaScript.
Not stated in the README.
Setup difficulty is rated easy, with roughly 5min to a first successful run.
Mainly developer.
This repo across BitVibe Labs
Don't trust strangers blindly. Verify against the repo.