ddosi
精选
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.
AI 仓库情报摘要
FR-AI / ANALYSIS为什么值得关注
该项目展示了仅用前端技术即可实现类似电商系统的能力，代码结构清晰、模块化，包含多种支付方式模拟、社交登录模拟和聊天机器人组件，且无需后端支持。
适合谁使用
- 学习前端开发的学生
- 寻求演示站点的小型餐厅经营者
- 希望参考纯 JavaScript 项目架构的开发者
- 需要功能丰富示例的 Web 课程教师
典型使用场景
- 学术项目，在前端模拟全栈行为
- 为本地餐馆快速原型化在线点餐系统
- 学习客户端状态管理和 localStorage 使用模式
- 无需后端成本即可测试餐饮配送概念的用户流程
项目优势
- 功能全面，涵盖菜单、购物车、结账、订单、评价和管理后台
- 直接打开 index.html 即可运行，无需服务器或构建步骤
- 代码结构良好，按核心、功能、管理、认证分离模块
- 包含模拟社交登录、QR 支付倒计时和优惠码系统
使用前须知
- 所有数据存储在 localStorage 中，浏览器缓存清除后数据丢失
- 认证为模拟实现，不涉及真实密码哈希或会话管理，安全性不足
- 支付方式仅为界面模拟，不进行实际交易处理
README 快速开始
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ăng | Mô tả |
|---|---|
| 🍽️ Thực đơn đa dạng | Hiể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 minh | Tì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ích | Lưu danh sách món yêu thích, hiển thị nhanh |
| 🛒 Giỏ hàng | Thêm/xóa/thay đổi số lượng, chọn size, thêm topping, dropdown nhanh |
| 🏷️ Mã khuyến mãi | Nhập mã giảm giá, freeship, xem danh sách mã khả dụng |
| 💳 Thanh toán đa dạng | COD, MoMo, ZaloPay, VNPay, Visa/Mastercard, Chuyển khoản MB Bank |
| 📱 QR Thanh toán | Tự động tạo mã QR, đồng hồ đếm ngược 15 phút chờ thanh toán |
| 📦 Quản lý đơn hàng | Xem lịch sử đơn, lọc theo trạng thái, hủy đơn, đặt lại, đánh giá |
| ⭐ Đánh giá món | Chấm sao và nhận xét từng món trong đơn hàng đã hoàn thành |
| 👨💼 Hồ sơ cá nhân | Cậ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ăng | Mô 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 Google | Mô phỏng OAuth Google với popup đẹp |
| 📘 Đăng nhập Facebook | Mô phỏng OAuth Facebook với popup đẹp |
🛡️ Dành cho Admin (Tài khoản: admin / admin123)
| Tính năng | Mô tả | |---------
相关仓库与替代方案
根据分类、Topic 和编程语言匹配的相似项目。
ViffyGwaanl
精选
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.
iamtechartist
精选
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.