🛍️ SOURCE CODE WEBSITE BÁN QUẦN ÁO REACTJS + NODEJS
Source code website bán quần áo hiện đại, phù hợp cho sinh viên IT, người học lập trình Full Stack hoặc những bạn muốn xây dựng một dự án E-commerce thực tế để học tập và làm Portfolio.
Website được xây dựng với Frontend ReactJS và Backend NodeJS/ExpressJS, sử dụng MongoDB, REST API và giao diện responsive, có thể hiển thị tốt trên máy tính, tablet và điện thoại.
🚀 CÔNG NGHỆ SỬ DỤNG: ReactJS, NodeJS, ExpressJS, MongoDB, REST API, Google Authentication, VNPAY Payment và JWT Authentication.
✨ CHỨC NĂNG KHÁCH HÀNG: Đăng ký, đăng nhập tài khoản, đăng nhập nhanh bằng Google, xem danh sách và chi tiết sản phẩm, tìm kiếm sản phẩm, lọc theo danh mục, màu sắc, kích thước và giá. Hỗ trợ thêm sản phẩm vào giỏ hàng, cập nhật số lượng, xóa sản phẩm, đặt hàng, thanh toán khi nhận hàng và thanh toán online qua VNPAY. Người dùng có thể quản lý thông tin cá nhân và theo dõi đơn hàng.
🔐 HỆ THỐNG XÁC THỰC: Hỗ trợ đăng ký/đăng nhập, xác thực JWT, đăng nhập Google, phân quyền người dùng và bảo vệ các API yêu cầu đăng nhập.
💳 THANH TOÁN VNPAY: Website được tích hợp thanh toán VNPAY, hỗ trợ tạo giao dịch, chuyển hướng đến trang thanh toán, xử lý kết quả thanh toán và cập nhật trạng thái đơn hàng sau khi giao dịch.
👨💼 CHỨC NĂNG QUẢN TRỊ: Quản lý sản phẩm, thêm/sửa/xóa sản phẩm, quản lý danh mục, quản lý đơn hàng, cập nhật trạng thái đơn hàng, quản lý người dùng và theo dõi tình trạng bán hàng.
📦 SOURCE BAO GỒM: Source Frontend ReactJS, Backend NodeJS/ExpressJS, Database MongoDB, hệ thống API, Authentication, Google Authentication, tích hợp VNPAY và file hướng dẫn cài đặt, cấu hình.
🎯 PHÙ HỢP VỚI: Sinh viên IT cần source tham khảo, người đang học ReactJS và NodeJS, người học lập trình Full Stack, người muốn xây dựng dự án E-commerce hoặc cần một dự án thực tế để làm Portfolio.
⭐ ĐIỂM NỔI BẬT: Đây không chỉ là giao diện bán hàng mà là một dự án Full Stack có đầy đủ Frontend + Backend, Authentication, Google Login, giỏ hàng, đặt hàng và thanh toán VNPAY. Source giúp bạn dễ dàng tìm hiểu quy trình xây dựng một website thương mại điện tử thực tế từ ReactJS, API NodeJS đến cơ sở dữ liệu MongoDB.
🛠️ HỖ TRỢ: Hỗ trợ cài đặt source code, hướng dẫn cấu hình MongoDB, Google Authentication và VNPAY, hỗ trợ xử lý lỗi trong quá trình cài đặt và hướng dẫn chạy Frontend, Backend.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
HƯỚNG DẪN CÀI ĐẶT
1. Clone hoặc giải nén source code.
2. Cài đặt dependencies cho Frontend:
npm install
3. Cài đặt dependencies cho Backend:
npm install
4. Tạo file .env và cấu hình:
- MongoDB URI
- JWT Secret
- Google Client ID / Secret
- VNPAY Configuration
5. Khởi động Backend:
npm run dev
6. Khởi động Frontend:
npm run dev
7. Truy cập website theo địa chỉ được hiển thị trong Terminal.
Lưu ý:
- Cần Node.js và MongoDB.
- Google Authentication cần cấu hình Google OAuth.
- VNPAY cần cấu hình tài khoản/môi trường thanh toán tương ứng.
Nguồn: Topcode.vn
