whatisgithub

What is nhom_3_quan_an_fusion?

datcc8a-max/nhom_3_quan_an_fusion — explained in plain English

Analysis updated 2026-05-18

22JavaScriptAudience · developerComplexity · 2/5Setup · easy

In one sentence

A frontend-only Vietnamese food ordering website built with plain HTML, CSS, and JavaScript, complete with cart, checkout, and an admin panel.

Mindmap

mindmap
  root((Quan An Fusion))
    What it does
      Food ordering site
      No backend
    Tech stack
      HTML
      CSS
      JavaScript
    Use cases
      Browse and order menu
      Admin dashboard
      Google sign-in demo
    Audience
      Students
      Developers
    Notes
      LocalStorage accounts
      Live Server recommended

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Study a complete frontend-only food ordering flow, from menu browsing to checkout and order tracking.

USE CASE 2

Try a demo admin panel for managing a restaurant's menu, promotions, and orders.

USE CASE 3

See an example of client-side Google sign-in combined with localStorage-based accounts.

What is it built with?

HTMLCSSJavaScript

How does it compare?

datcc8a-max/nhom_3_quan_an_fusionalgorave-dave/fail-safeavaritiachaos/qoder-proxy
Stars222222
LanguageJavaScriptJavaScriptJavaScript
Setup difficultyeasyeasymoderate
Complexity2/51/53/5
Audiencedevelopergeneraldeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min

Best run with VS Code's Live Server extension, opening index.html directly breaks Google sign-in.

Not stated in the README.

So what is it?

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.

Copy-paste prompts

Prompt 1
Walk me through how this site's cart and checkout flow work using only localStorage, no backend.
Prompt 2
Show me how Google sign-in is wired up in a static HTML, CSS, and JavaScript site like this one.
Prompt 3
Explain the folder structure of this project so I can find where the admin order management code lives.

Frequently asked questions

What is nhom_3_quan_an_fusion?

A frontend-only Vietnamese food ordering website built with plain HTML, CSS, and JavaScript, complete with cart, checkout, and an admin panel.

What language is nhom_3_quan_an_fusion written in?

Mainly JavaScript. The stack also includes HTML, CSS, JavaScript.

What license does nhom_3_quan_an_fusion use?

Not stated in the README.

How hard is nhom_3_quan_an_fusion to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is nhom_3_quan_an_fusion for?

Mainly developer.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.