Dự án này sử dụng một số công nghệ và chức năng chính như sau:
Công nghệ
-
Frontend: Dự án sử dụng React.js cho phía frontend, với Vite làm công cụ build, DaisyUI và Tailwind CSS cho thiết kế giao diện.
-
Backend: Phía backend được xây dựng bằng Node.js và Express.js.
-
Database: MongoDB được sử dụng làm cơ sở dữ liệu.
-
Authentication: Firebase Authentication được sử dụng để xác thực người dùng.
-
Payment Processing: Stripe được sử dụng để xử lý thanh toán trực tuyến.
-
Image Hosting: Imgbb API được sử dụng để lưu trữ hình ảnh.
Chức năng
-
Xác thực người dùng: Xác thực người dùng an toàn do Firebase cung cấp đảm bảo quá trình đăng nhập và đăng ký an toàn và liền mạch.
-
Hiển thị và sắp xếp menu: Người dùng có thể xem và sắp xếp các mục trong menu của quán cà phê, giúp họ dễ dàng tìm thấy món ăn yêu thích của họ.
-
Giỏ hàng: Giỏ hàng thân thiện với người dùng cho phép khách hàng thêm mục, xem lại lựa chọn của họ và tiến hành thanh toán một cách dễ dàng.
-
Thanh toán trực tuyến: Tích hợp với Stripe để thanh toán trực tuyến an toàn và tiện lợi, làm cho quá trình đặt hàng không gặp rắc rối.
-
Quản lý hồ sơ: Người dùng có thể cập nhật hồ sơ của họ, đảm bảo thông tin chính xác và cập nhật cho trải nghiệm cá nhân hóa.
-
Lịch sử đặt hàng: Người dùng có quyền truy cập vào lịch sử đặt hàng của họ, cung cấp sự minh bạch và dễ dàng tham khảo các giao dịch mua hàng trước đó.
-
Bảng điều khiển quản trị: Quản trị viên có thể quản lý menu, người dùng và đặt bàn một cách hiệu quả thông qua bảng điều khiển quản trị riêng.
-
Quản lý đặt bàn: Hệ thống bao gồm các tính năng để quản lý đặt bàn để tối ưu hóa hoạt động của quán cà phê.
Demo: https://drive.google.com/file/d/1Gys-DrZ_URJZpf6H8CkSWKao2jRLyrs2/view?usp=sharing
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
HƯỚNG DẪN CÀI ĐẶT
Di chuyển đến thư mục Client:
Tạo file .env.local và thay thế các giá trị placeholder bằng giá trị thực của bạn:
VITE_APIKEY=your_firebase_api_key
VITE_AUTHDOMAIN=your_firebase_auth_domain
VITE_PROJECTID=your_firebase_project_id
VITE_STORAGEBUCKET=your_firebase_storage_bucket
VITE_MESSAGESENDERID=your_firebase_message_sender_id
VITE_APPID=your_firebase_app_id
VITE_IMAGE_HOSTING_KEY=your_imgbb_api_key
VITE_STRIPE_PK=your_stripe_publishable_key
Cài đặt các Dependencies:
Chạy ứng dụng:
Di chuyển đến thư mục Server:
Tạo file .env và thay thế các giá trị placeholder bằng giá trị thực của bạn:
DB_USER=your_database_user
DB_PASSWORD=your_database_password
ACCESS_TOKEN_SECRET=your_access_token_secret
STRIPE_SECRET_KEY=your_stripe_secret_key
Cài đặt các Dependencies:
Chạy Server:
Lưu ý: Hãy thay thế các giá trị placeholder trong các file .env.local và .env bằng các API keys và thông tin nhạy cảm thực tế của bạn.
Nguồn: Topcode.vn
