Dự án E-commerce này sử dụng một số công nghệ và chức năng chính sau:
Công nghệ:
React: Một thư viện JavaScript để xây dựng giao diện người dùng.
Firebase: Sử dụng cho xác thực người dùng và lưu trữ dữ liệu.
Tailwind CSS: Một framework CSS để xây dựng giao diện người dùng một cách nhanh chóng và linh hoạt.
Chức năng:
Xác thực người dùng: Dự án sử dụng Firebase để xác thực người dùng, bao gồm đăng nhập bằng email/mật khẩu, Google, và GitHub. Xem chi tiết tại AuthContext.
Quản lý giỏ hàng: Cung cấp chức năng thêm, xóa sản phẩm từ giỏ hàng. Xem chi tiết tại CartContext.
Responsive Design: Sử dụng Tailwind CSS để thiết kế giao diện phản hồi, tương thích với nhiều kích thước màn hình.
Bảo mật: Firebase cung cấp các tính năng bảo mật để bảo vệ thông tin người dùng.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
tải xuống mã nguồn: Đầu tiên, bạn cần có mã nguồn của dự án trên máy tính của mình. Bạn có thể clone dự án từ GitHub nếu nó được lưu trữ ở đó, hoặc tải xuống mã nguồn nếu bạn có liên kết.
Cài đặt Node.js và npm: Dự án này sử dụng Node.js và npm (Node Package Manager). Bạn cần cài đặt Node.js từ trang web chính thức. Npm sẽ được cài đặt tự động cùng với Node.js.
Cài đặt các gói phụ thuộc: Mở terminal hoặc command prompt, di chuyển đến thư mục gốc của dự án, sau đó chạy lệnh sau để cài đặt các gói phụ thuộc được liệt kê trong package.json:
Cấu hình biến môi trường: Dự án sử dụng Firebase và yêu cầu cấu hình các biến môi trường. Bạn cần tạo một tệp .env trong thư mục gốc của dự án và thêm các biến môi trường như trong tệp .env mẫu. Đảm bảo thay thế các giá trị bằng thông tin cấu hình Firebase của bạn.
Chạy dự án: Sau khi cài đặt xong các gói phụ thuộc và cấu hình biến môi trường, bạn có thể chạy dự án bằng lệnh sau trong terminal:
Lệnh này sẽ khởi động máy chủ phát triển và mở dự án trong trình duyệt mặc định của bạn.
Xây dựng và triển khai: Để xây dựng dự án cho môi trường sản xuất, sử dụng lệnh:
Sau đó, bạn có thể triển khai thư mục dist được tạo ra sau khi xây dựng lên máy