<p> Dự án này sử dụng một số công nghệ và chức năng chính như sau:</p> <h2> Công nghệ</h2> <ul> <li> 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.</li> <li> Backend: Phía backend được xây dựng bằng Node.js và Express.js.</li> <li> Database: MongoDB được sử dụng làm cơ sở dữ liệu.</li> <li> Authentication: Firebase Authentication được sử dụng để xác thực người dùng.</li> <li> Payment Processing: Stripe được sử dụng để xử lý thanh toán trực tuyến.</li> <li> Image Hosting: Imgbb API được sử dụng để lưu trữ hình ảnh.</li> </ul> <h2> Chức năng</h2> <ul> <li> 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.</li> <li> 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ọ.</li> <li> 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.</li> <li> 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.</li> <li> 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.</li> <li> 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 đó.</li> <li> 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.</li> <li> 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ê.</li> </ul>
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
Nguồn: Sharecode.vn
<div> Di chuyển đến thư mục Client:</div> <div> Tạo file .env.local và thay thế các giá trị placeholder bằng giá trị thực của bạn:</div> <div> VITE_APIKEY=your_firebase_api_key</div> <div> VITE_AUTHDOMAIN=your_firebase_auth_domain</div> <div> VITE_PROJECTID=your_firebase_project_id</div> <div> VITE_STORAGEBUCKET=your_firebase_storage_bucket</div> <div> VITE_MESSAGESENDERID=your_firebase_message_sender_id</div> <div> VITE_APPID=your_firebase_app_id</div> <div> VITE_IMAGE_HOSTING_KEY=your_imgbb_api_key</div> <div> VITE_STRIPE_PK=your_stripe_publishable_key</div> <div> Cài đặt các Dependencies:</div> <div> Chạy ứng dụng:</div> <div> Di chuyển đến thư mục Server:</div> <div> Tạo file .env và thay thế các giá trị placeholder bằng giá trị thực của bạn:</div> <div> DB_USER=your_database_user</div> <div> DB_PASSWORD=your_database_password</div> <div> ACCESS_TOKEN_SECRET=your_access_token_secret</div> <div> STRIPE_SECRET_KEY=your_stripe_secret_key</div> <div> Cài đặt các Dependencies:</div> <div> Chạy Server:</div> <div> 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.</div> <div> </div>