Công nghệ:
React: Một thư viện JavaScript để xây dựng giao diện người dùng. Dự án sử dụng React cho phần frontend, với các component như Home, Header, Checkout, Login, Payment, Orders, Sell, Footer, và Footer2 được import và sử dụng trong App.js.
Firebase: Một nền tảng phát triển ứng dụng di động và web do Google phát triển. Dự án sử dụng Firebase cho xác thực người dùng (auth) và lưu trữ dữ liệu (firestore). Cấu hình Firebase được thiết lập trong firebase.js.
Stripe: Một dịch vụ thanh toán trực tuyến cho phép các cá nhân và doanh nghiệp nhận thanh toán qua Internet. Stripe được sử dụng trong component Payment để xử lý thanh toán. Payment.js sử dụng Stripe để tạo giao diện thanh toán và xử lý giao dịch.
Cloud Functions for Firebase: Dự án sử dụng Cloud Functions (xem trong package.json của thư mục functions) để xử lý các nhiệm vụ phía server như xử lý thanh toán.
Chức năng:
Xác thực người dùng: Cho phép người dùng đăng nhập và đăng ký thông qua Firebase Auth.
Quản lý giỏ hàng: Người dùng có thể thêm và xóa sản phẩm từ giỏ hàng của họ.
Thanh toán: Người dùng có thể thanh toán cho các sản phẩm trong giỏ hàng của họ sử dụng Stripe.
Quản lý đơn hàng: Sau khi thanh toán thành công, thông tin đơn hàng được lưu trữ và có thể truy cập thông qua component Orders.
Bán sản phẩm: Người dùng có thể đăng bán sản phẩm của họ thông qua component Sell.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
HƯỚNG DẪN CÀI ĐẶT
Cài đặt các phụ thuộc: Chạy lệnh npm install trong thư mục gốc của dự án để cài đặt các phụ thuộc được liệt kê trong package.json.
Cài đặt Firebase Functions: Di chuyển vào thư mục functions và chạy lệnh npm install để cài đặt các phụ thuộc cho Firebase Functions, dựa trên nội dung trong functions/package.json.
Khởi tạo Firebase: Đảm bảo bạn đã cài đặt Firebase CLI và đăng nhập vào tài khoản Firebase của mình. Sử dụng lệnh firebase init để khởi tạo các dịch vụ Firebase cần thiết cho dự án, như Hosting và Functions. Cấu hình Firebase được lưu trong firebase.json và .firebaserc.
Chạy dự án ở chế độ phát triển: Sử dụng lệnh npm start để chạy ứng dụng ở chế độ phát triển. Mở http://localhost:3000 để xem ứng dụng trong trình duyệt.
Xây dựng dự án cho môi trường sản xuất: Khi bạn sẵn sàng để triển khai dự án, sử dụng lệnh npm run build để xây dựng ứng dụng cho môi trường sản xuất. Các tệp được xây dựng sẽ được lưu trong thư mục build.
Triển khai dự án lên Firebase: Sử dụng lệnh firebase deploy để triển khai ứng dụng và các chức năng Firebase lên Firebase Hosting và Cloud Functions.
Nguồn: Topcode.vn
