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, và Tailwind CSS cho thiết kế giao diện. Firebase được sử dụng để xác thực người dùng và lưu trữ dữ liệu.
-
Backend: Phía backend được xây dựng bằng Node.js.
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ọ.
-
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.
-
Routing: Dự án sử dụng React Router để quản lý routing giữa các trang.
-
Middleware: Phía backend sử dụng middleware để xử lý các yêu cầu và phản hồi từ client.
-
Controllers: Controllers được sử dụng để xử lý logic cho các yêu cầu API.
-
Models: Models định nghĩa cấu trúc dữ liệu cho các đối tượng trong ứng dụng.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
HƯỚNG DẪN CÀI ĐẶT
cd 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:
npm install
npm run dev
cd 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:
Nguồn: Topcode.vn
