☕ Coffee App - Mô tả Chi Tiết
🛠 Công nghệ sử dụng:
-
Flutter: UI Framework đa nền tảng
-
Firebase Firestore: Cơ sở dữ liệu thời gian thực NoSQL
-
Firebase Authentication: Xác thực người dùng
-
Firebase Cloud Functions (tuỳ chọn): Xử lý logic backend
-
Provider/Riverpod/Bloc: Quản lý trạng thái
-
Fl_chart: Biểu đồ thống kê
🌐 Chức năng người dùng (Customer)
1. 🔐 Xác thực
-
Đăng nhập / Đăng ký: Email + Mật khẩu, Firebase Authentication
-
Đăng xuất: Huỷ phiên và điều hướng về màn hình đăng nhập
2. 🛍️ Mua hàng
-
Xem danh sách sản phẩm: Giao diện grid hoặc list, phân trang
-
Chi tiết sản phẩm: Hình ảnh, mô tả, giá, loại, xếp hạng
-
Tìm kiếm: Theo tên hoặc loại sản phẩm (có hỗ trợ gợi ý real-time)
-
Chuyển darkmode/lightmode: Hỗ trợ thay đổi chủ đề
-
Thêm vào giỏ hàng: Tăng/giảm số lượng
-
Chuyển đến giỏ hàng: Hiển thị danh sách + tổng tiền
-
Thanh toán: Tạo đơn hàng, trừ số lượng tồn kho
3. 🍽️ Đặt bàn
4. 🎁 Khuyến mãi
5. ⭐ Xếp hạng sản phẩm
6. 👤 Quản lý thông tin cá nhân
7. 📜 Lịch sử đơn hàng
8. 🔄 Trạng thái đơn hàng
9. ❤️ Danh sách yêu thích
10. 🤖 Sản phẩm đề xuất
📊 Biểu đồ thống kê (Admin Only)
Sử dụng fl_chart để vẽ biểu đồ:
🛠️ Quản trị viên (Admin Panel)
1. 🧃 Quản lý sản phẩm
-
CRUD sản phẩm: tên, hình ảnh, loại, giá, mô tả
-
Quản lý tồn kho
2. 🗂️ Quản lý danh mục
3. 📦 Quản lý đơn hàng
4. 👥 Quản lý tài khoản
-
Danh sách người dùng
-
Phân quyền (user/admin)
5. 🍴 Quản lý đặt bàn
🔐 Bảo mật & Đồng bộ
-
Firebase rules kiểm soát quyền truy cập
-
Dữ liệu đồng bộ real-time (Firestore snapshot listeners)
-
Lưu trạng thái giao diện và phiên người dùng
💡 Mở rộng (nâng cao - tuỳ chọn)
-
Push Notification khi đơn hàng thay đổi trạng thái
-
Firebase Analytics để theo dõi hành vi người dùng
-
Dynamic Linking chia sẻ sản phẩm
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
HƯỚNG DẪN CÀI ĐẶT
📁 1. CÀI ĐẶT FLUTTER (kèm Dart)
✅ Cách 1: Tải file .zip thủ công (đơn giản, phổ biến)
📥 Bước 1: Tải Flutter
🗂 Bước 2: Giải nén Flutter
⚠️ Lưu ý: Không cài vào C:\Program Files vì sẽ gây lỗi phân quyền.
🔧 Bước 3: Thêm Flutter vào PATH
-
Mở Start → gõ Edit the system environment variables → Enter
-
Nhấn Environment Variables
-
Trong phần System variables → chọn Path → bấm Edit
-
Bấm New và thêm:
C:\tools\flutter\bin
✅ Bước 4: Kiểm tra cài đặt
Mở CMD hoặc PowerShell:
flutter doctor
🧑💻 2. CÀI ĐẶT DART RIÊNG (TUỲ CHỌN)
⚠️ Nếu đã dùng Flutter thì Dart đã được tích hợp sẵn. Chỉ làm bước này nếu bạn cần Dart riêng.
📥 Bước 1: Tải Dart
🗂 Bước 2: Giải nén Dart
🔧 Bước 3: Thêm Dart vào PATH
Tương tự bước trên, thêm:
C:\tools\dart\bin
✅ Bước 4: Kiểm tra
dart --version
🔥 3. CÀI ĐẶT FIREBASE CLI
Firebase CLI dùng để kết nối Flutter app với Firebase, cấu hình flutterfire configure, deploy cloud function, v.v.
📦 Bước 1: Cài Node.js (nếu chưa có)
🧩 Bước 2: Cài Firebase CLI
Mở CMD hoặc PowerShell, chạy:
npm install -g firebase-tools
✅ Bước 3: Kiểm tra
firebase --version
Nếu báo lỗi “command not found”, cần thêm đường dẫn npm global vào PATH (xem phần tiếp theo).
⚙️ 4. CẤU HÌNH BIẾN MÔI TRƯỜNG (ENVIRONMENT VARIABLES)
Mở Start → Edit the system environment variables → Environment Variables → chỉnh như sau:
📌 Trong System variables → Path → Edit → New, thêm:
C:\tools\flutter\bin
C:\tools\dart\bin (nếu cài Dart riêng)
C:\Users\<TênUser>\AppData\Roaming\npm (Firebase CLI cài qua npm)
📌 Ghi chú: Thay <TênUser> bằng tên người dùng Windows của bạn.
🚀 5. CHẠY PROJECT COFFEE APP
Sau khi tải project về:
Mở Terminal tại thư mục project:
flutter pub get
flutterfire configure # nếu có liên kết Firebase
flutter run
✅ 6. KIỂM TRA CUỐI CÙNG
Chạy các lệnh sau để đảm bảo mọi thứ đã sẵn sàng:
flutter doctor
dart --version
firebase --version
Nguồn: Topcode.vn
