. Trải nghiệm mua sắm tại cửa hàng của khách hàng
Xem danh sách sản phẩm và xem chi tiết sản phẩm.
Thêm sản phẩm vào giỏ hàng và quản lý số lượng/kích cỡ.
Giao diện người dùng sạch sẽ và thân thiện với thiết bị di động, giúp quá trình mua sắm diễn ra nhanh chóng.
Công nghệ sử dụng:
Giao diện người dùng: React.js, Vite, Tailwind CSS
Định tuyến: React Router
Các lệnh gọi API: Axios
2. Hệ thống xác thực (Người dùng + Quản trị viên)
Đăng ký và đăng nhập người dùng.
Đăng nhập quản trị viên để truy cập bảng điều khiển an toàn.
Xác thực bằng mã thông báo dựa trên JWT cho các API được bảo vệ.
Công nghệ sử dụng:
Xác thực: JWT
Mã hóa mật khẩu: bcryptjs
Phần mềm phía máy chủ: Node.js, middleware Express.js
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
cd Ecommerce
Cài đặt các thư viện phụ thuộc cho phần quản trị, giao diện người dùng và hệ thống quản trị.
cd backend && npm install
cd ../frontend && npm install
cd ../admin && npm install
Cấu hình các biến môi trường
Tạo nênbackend/.env
MONGODB_URI=your_mongodb_connection_string
JWT_SECRET=your_jwt_secret
ADMIN_PASSWORD=your_admin_password
CLOUDINARY_API_KEY=your_cloudinary_api_key
CLOUDINARY_SECRET_KEY=your_cloudinary_secret
CLOUDINARY_NAME=your_cloudinary_name
STRIPE_SECRET_KEY=your_stripe_secret_key
RAZORPAY_KEY_ID=your_key
RAZORPAY_KEY_SECRET=your_secret
Tạo nênfrontend/.env
VITE_BACKEND_URL=http://localhost:4000
VITE_RAZORPAY_KEY_ID=your_razorpay_key_id
Tạo nênadmin/.env
VITE_BACKEND_URL=http://localhost:4000
Chạy phần phụ trợ
cd backend
npm run server
Chạy giao diện người dùng
cd frontend
npm run dev
Chạy bảng điều khiển quản trị
cd admin
npm run dev