Trang web thương mại điện tử React Redux megamart của tôi có các tính năng sau:
-
Danh mục sản phẩm: Duyệt và tìm kiếm sản phẩm theo nhiều danh mục khác nhau.
-
Xác thực người dùng: Đăng ký, đăng nhập và quản lý hồ sơ người dùng của bạn.
-
Giỏ hàng: Thêm và xóa sản phẩm khỏi giỏ hàng, cập nhật số lượng và tiến hành thanh toán.
-
Quản lý đơn hàng: Xem và quản lý lịch sử đơn hàng của bạn.
-
Bảng quản trị: Giao diện quản trị để quản lý sản phẩm, danh mục và đơn hàng.
-
Thiết kế đáp ứng: Giao diện người dùng thân thiện với thiết bị di động mang lại trải nghiệm mua sắm liền mạch trên mọi thiết bị.
-
Tích hợp thanh toán: Xử lý thanh toán an toàn để hoàn tất đơn hàng.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
-
Chuyển tới thư mục dự án.
cd megamart-ecommerce
Cài đặt các phụ thuộc của máy chủ. (khuyến nghị sử dụng yarn)
-
npm install
Tạo một .envtệp hoặc đổi tên .env.devvà .env
thêm cấu hình của riêng bạn dựa trên .env.devtệp được cung cấp.
-
Khởi động máy chủ phát triển bằng lệnh này.
npm start
Truy cập ứng dụng trong trình duyệt web của bạn tại http://localhost:3000.
Cách sử dụng
Truy cập trang web đã triển khai hoặc chạy máy chủ phát triển (như mô tả trong hướng dẫn cài đặt) để truy cập ứng dụng.
-
Đăng ký tài khoản hoặc đăng nhập để bắt đầu mua sắm.
-
Khám phá danh mục sản phẩm, thêm sản phẩm vào giỏ hàng và hoàn tất đơn hàng.
Nếu bạn là quản trị viên, hãy truy cập bảng quản trị để quản lý sản phẩm, danh mục và đơn hàng.
-
Truy cập URL này và đăng nhập với tư cách quản trị viên
http://localhost:3000/admin
Đăng nhập vào tài khoản quản trị của bạn bằng thông tin này.
-
email: [email protected]
password: 1111
Nếu bạn đăng nhập thành công với tư cách quản trị viên thì bạn có thể quản lý mọi thứ.