website thương mại điện tử,code website bán hàng,đồ án tốt nghiệp mern stack,source code bán game,thanh toán stripe,chat realtime socketio

Ảnh demo (9)

Xem LIVE DEMO

[Mã code 94734]

Source Code MERN Stack Website Bán Game

(1 Đánh giá)

0 16

Share source MERN Stack Web bán game (Ecommerce). Full tính năng: Thanh toán Stripe, Chat Socket.io thời gian thực, AI gợi ý game. Chuẩn cấu trúc, thích hợp làm đồ án tốt nghiệp xuất sắc.

Danh mục

Khác

Thể loại

WebsiteBán hàng - TMĐT

Ngày đăng

22-5-2026

Loại file

Full code

File download

Gamestore_Sale.zip [ MB]

Gửi thông báo lỗi Báo vi phạm bản quyền

Gửi ngay

CAM KẾT TỪ NGƯỜI BÁN

Sẵn sàng hỗ trợ 1:1 qua Zalo/UltraViewer để cài đặt code chạy thành công 100% giống hệt bản demo.

Hỗ trợ giải thích cặn kẽ luồng code, cấu trúc dự án MERN Stack để bạn tự tin làm đồ án tốt nghiệp hoặc đem đi bảo vệ.

Hướng dẫn tận tình cách đăng ký và cấu hình các API tích hợp (Stripe thanh toán, Google Gemini AI, Email Resend).

Cam kết fix hoàn toàn miễn phí mọi lỗi phát sinh (bug) liên quan đến source code trong quá trình cấu hình ban đầu.

Hỗ trợ định hướng và tư vấn giải pháp kỹ thuật nếu bạn có nhu cầu phát triển thêm tính năng mới cho dự án.

Vui vẻ, nhiệt tình, phản hồi tin nhắn nhanh chóng, luôn đồng hành cùng bạn đến khi hệ thống hoạt động trơn tru.

Võ Trần Hoàng Uy

(Hạng vàng)
Xem trang

Source code
1

Đánh giá (1)
5/5

Ngày tham gia
22/5/2026

🎮 TỔNG QUAN DỰ ÁN GAMESTORE

Gamestore là một hệ thống thương mại điện tử chuyên cung cấp trò chơi điện tử trực tuyến (tương tự Steam, Epic Games). Nền tảng được xây dựng với kiến trúc chuẩn Monorepo hiện đại, tích hợp hàng loạt công nghệ tiên tiến nhất. Rất phù hợp làm Đồ Án Tốt Nghiệp đạt điểm tuyệt đối.

🚀 CÔNG NGHỆ SỬ DỤNG

Frontend: ReactJS (TypeScript), Vite, TanStack Query (React Query), React Router v6, CSS Modules, DOMPurify.
Backend: Node.js, Express.js (TypeScript), Socket.io + Redis Adapter.
Cơ sở dữ liệu: MongoDB (Mongoose), Caching bằng Node-cache & Redis.
Bảo mật: Helmet, Rate Limit, HPP, Mongo Sanitize, XSS Protection.

⭐ CÁC TÍNH NĂNG NỔI BẬT KHÔNG THỂ BỎ QUA

Hệ thống Thanh toán thật (Stripe): Xử lý thanh toán thẻ quốc tế, sử dụng Webhook để nhận diện giao dịch thành công theo thời gian thực (Real-time). Đơn hàng chỉ được xác nhận khi tiền đã vào tài khoản.
Hệ thống AI Đề xuất (Google Gemini): AI tự động phân tích giỏ hàng của người dùng để đề xuất các tựa game phù hợp kèm lý do cực kỳ thông minh.
Chat Real-time (Socket.io): Hệ thống kết bạn qua Mã Friend Code, nhắn tin trực tiếp với nhau theo thời gian thực, tin nhắn được mã hóa 2 chiều bảo mật tuyệt đối.
Hệ thống Level & Gamification: Tích lũy EXP khi mua game, tăng cấp độ (Level) và mở khóa Huy hiệu (Badges).
Gửi hóa đơn tự động qua Email: Tích hợp Resend API để gửi biên lai cho khách khi mua thành công.
Dashboard Admin: Quản trị viên xem báo cáo Doanh thu, quản lý Người dùng, quản lý Game, Mã giảm giá,... có AI hỗ trợ tóm tắt phân tích dữ liệu bán hàng.

Code cực kỳ sạch sẽ, chuẩn cấu trúc, dễ dàng mở rộng và phát triển thêm tính năng mới!

XEM THÊM ==> Hướng dẫn cài đặt chi tiết

HÌNH ẢNH DEMO

HƯỚNG DẪN CÀI ĐẶT

🔥 YÊU CẦU HỆ THỐNG TRƯỚC KHI CÀI ĐẶT:

Đã cài đặt Node.js (từ phiên bản 18 trở lên).
Đã cài đặt MongoDB Compass (nếu chạy local) hoặc có tài khoản MongoDB Atlas.
Có tài khoản Stripe (để lấy mã Secret Key phục vụ thanh toán).
Có tài khoản Google AI Studio (để lấy Gemini API Key).
Có tài khoản Resend (để gửi Email hóa đơn).

🚀 BƯỚC 1: KHỞI CHẠY BACKEND (MÁY CHỦ NODE.JS)

Giải nén file ZIP vừa tải về. Mở phần mềm VS Code (hoặc Terminal) và trỏ vào thư mục gốc của dự án.
Mở Terminal trong VS Code, gõ lệnh cài đặt thư viện:
npm install
Tìm file .env.example, sao chép nội dung và tạo một file mới tên là .env ngay tại thư mục gốc đó.
Cấu hình file .env với các thông tin của bạn:
- MONGO_URI: Điền chuỗi kết nối Database của bạn (VD: mongodb://localhost:27017/gamestore).
- JWT_SECRET: Tự gõ một chuỗi ký tự ngẫu nhiên bất kỳ (Dùng để mã hóa phiên đăng nhập).
- STRIPE_SECRET_KEY: Vào trang quản trị Stripe -> Developers -> API keys -> Copy dòng Secret key (bắt đầu bằng sk_test).
- STRIPE_WEBHOOK_SECRET: Vào Stripe -> Developers -> Webhooks -> Add endpoint -> Lấy Signing secret (bắt đầu bằng whsec_).
- RESEND_API_KEY: Vào resend.com tạo API Key mới.
- GEMINI_API_KEY: Vào Google AI Studio tạo API Key mới.
Khởi chạy máy chủ Backend bằng lệnh:
npm run dev
Nếu Terminal báo "API + Socket.io Server đang chạy tại http://localhost:4000" và "Kết nối MongoDB thành công" là bạn đã làm đúng!

🎨 BƯỚC 2: KHỞI CHẠY FRONTEND (GIAO DIỆN REACTJS)

Vẫn trong VS Code, mở một cửa sổ Terminal MỚI (giữ nguyên Terminal Backend đang chạy).
Di chuyển vào thư mục Frontend bằng lệnh:
cd my-ecommerce-app
Cài đặt thư viện giao diện:
npm install
Tạo một file .env bên trong thư mục my-ecommerce-app này, và điền dòng sau vào:
VITE_API_URL=http://localhost:4000
Khởi chạy giao diện bằng lệnh:
npm run dev
Mở trình duyệt web và truy cập vào đường link mà Terminal cung cấp (thường là http://localhost:5173).

👑 BƯỚC 3: HƯỚNG DẪN CẤP QUYỀN QUẢN TRỊ VIÊN (ADMIN)

Tại giao diện trang chủ web, bấm vào nút Đăng nhập -> Chọn Đăng ký và tạo một tài khoản mới bất kỳ.
Mở phần mềm MongoDB Compass (hoặc Atlas), kết nối vào Database của bạn.
Tìm đến collection có tên là users. Mở data của tài khoản bạn vừa đăng ký.
Tìm đến trường isAdmin, nhấn biểu tượng Edit (cái bút) và sửa giá trị false thành true. Nhấn Update để lưu lại.
Quay trở lại trang web, f5 (tải lại trang). Lúc này Avatar góc phải của bạn đã hiện thêm menu Trang Quản Trị (Admin).