Code này là một giải pháp toàn diện cho các website bán hàng, đặc biệt là trong lĩnh vực thời trang nam và nữ, được xây dựng trên nền tảng công nghệ mạnh mẽ và hiện đại:
**Back-end:**
- NodeJS
- Express
- MongoDB
- JWT (JSON Web Tokens) để bảo mật thông tin người dùng và quản lý phiên làm việc
- EmailJs cho chức năng gửi email xác nhận đơn hàng tự động đến cả khách hàng và chủ cửa hàng, mang lại sự chuyên nghiệp và tin cậy
**Front-end:**
- ReactJS
- Material-UI
- Cloudinary cho tích hợp upload ảnh sản phẩm và bộ sưu tập, hỗ trợ lưu trữ ảnh đám mây, tối ưu hiệu suất tải trang và chất lượng hình ảnh
- Zalo Chat Integration để tương tác trực tiếp với khách hàng, hỗ trợ mọi lúc mọi nơi
**Database:**
- MongoDB để lưu trữ dữ liệu một cách linh hoạt và mở rộng
Hệ thống quản lý sản phẩm đầy đủ chức năng thêm, sửa, xóa giúp dễ dàng cập nhật thông tin sản phẩm, bộ sưu tập và quản lý hàng tồn kho. Phân quyền người dùng và quản lý rõ ràng thông qua JWT, đảm bảo mỗi người dùng chỉ truy cập vào các chức năng phù hợp với vai trò của họ. Tính năng zoom sản phẩm khi hover mang lại trải nghiệm mua sắm tốt hơn cho khách hàng.
Dự án này rất phù hợp cho các doanh nghiệp muốn triển khai nhanh chóng một website bán hàng thời trang chuyên nghiệp, với khả năng tùy chỉnh cao và dễ dàng tích hợp các dịch vụ bên ngoài. Chỉ cần bổ sung các đường dẫn tới tài khoản EmailJs, Cloudinary và Zalo ID để dự án hoạt động mượt mà ngay sau khi cài đặt.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
HƯỚNG DẪN CÀI ĐẶT
Hướng dẫn cài đặt code:
-
Tải File Dự Án:
-
Truy cập trang web chia sẻ code để download file zip của code.
-
Giải Nén File:
-
Sau khi download, giải nén file zip vào thư mục mong muốn trên máy của bạn.
-
Cài Đặt Môi Trường Backend:
-
Mở terminal hoặc command prompt.
-
Di chuyển đến thư mục backend của dự án bằng câu lệnh
cd path/to/backend.
-
Chạy
npm install để cài đặt các dependencies cần thiết cho backend.
-
Cài Đặt Môi Trường Frontend:
-
Mở một terminal mới hoặc tab mới trong terminal hiện tại.
-
Di chuyển đến thư mục frontend của dự án bằng câu lệnh
cd path/to/frontend.
-
Chạy
npm install để cài đặt các dependencies cho frontend.
-
Cấu Hình Biến Môi Trường:
-
Mở file
.env và bổ sung các đường dẫn sau đây từ các tài khoản dịch vụ của bạn:
REACT_APP_EMAILJS_USER_ID=your_emailjs_user_id REACT_APP_EMAILJS_SERVICE_ID=your_emailjs_service_id REACT_APP_EMAILJS_TEMPLATE_ID=your_emailjs_template_id REACT_APP_CLOUDINARY_CLOUD_NAME=your_cloudinary_cloud_name REACT_APP_CLOUDINARY_UPLOAD_PRESET=your_cloudinary_upload_preset REACT_APP_ZALO_OA_ID=your_zalo_oa_id
-
Khởi Chạy Backend:
-
Quay trở lại terminal của backend.
-
Chạy
npm start để khởi chạy server backend. Đảm bảo rằng MongoDB của bạn đã được cài đặt và chạy.
-
Khởi Chạy Frontend:
-
Trong terminal của frontend, chạy
npm start để khởi chạy ứng dụng frontend.
-
Trình duyệt sẽ tự động mở và nạp ứng dụng.
-
Kiểm Tra Hoạt Động:
-
Sau khi cả backend và frontend đều khởi chạy, bạn có thể bắt đầu sử dụng và kiểm tra các chức năng của ứng dụng.
Lưu ý: Đảm bảo bạn đã có tài khoản và đã cấu hình đúng các dịch vụ EmailJs, Cloudinary và Zalo OAI trước khi bổ sung vào file .env.
Nguồn: Topcode.vn
