E-commerce

Mavis Accounts - MMO Ecommerce

E-commerce platform specialized in trading social media accounts and MMO services, built on fullstack Next.js 15 + NestJS 11 architecture with real-time system and external provider integration.

View Website
Mavis Accounts - MMO Ecommerce

Timeline

10 weeks

Team

3 people (PM, Frontend Developer, Backend Developer)

Client

Gaming Company

Budget

$1,200-1,800

About Project

Mavis Accounts is a complete e-commerce platform serving the Vietnamese market for trading social media accounts (Facebook, Instagram, TikTok, YouTube) and MMO services. Backend built on NestJS 11 with TypeORM and MySQL, providing RESTful API with Swagger documentation, real-time WebSocket system for notifications and support chat. Frontend uses Next.js 15 with Turbopack, Radix UI, TanStack Query/Table, Zustand and Tailwind CSS v4. Key features include automatic product synchronization from multiple external providers, dual fulfillment mechanism, user tier system based on total deposits, and Telegram Bot integration for admin notifications.

Technologies Used

Next.js 15NestJS 11React 19TypeScriptTypeORMMySQLSocket.IOZustandTanStack QueryTanStack TableRadix UITailwind CSSPassport.js + JWTGoogle OAuth 2.0Telegram Bot APISwagger/OpenAPIDocker + NginxRecharts

Key Features

Multi-tier product management system: category → product → product type → variant

Automatic product sync from external providers (Mail72h, SellCloneGiare, CloneTut) via daily cron

Order system with dual fulfillment: delivery from internal inventory or automatic purchase via provider API

Wallet top-up with multiple payment methods, automatic SMS banking confirmation

Real-time notifications via WebSocket and direct customer support chat

Comprehensive admin dashboard: user, product, order, deposit, transaction management

Automatic user tier system based on total deposits, each tier with special pricing

Telegram Bot integration for new order notifications to admin

Import/export product and variant data via Excel files

Voucher/discount code system supporting percentage and fixed value discounts

RBAC permissions with admin logs recording all actions

SEO optimized with SSR, automatic sitemap, Schema.org JSON-LD, Open Graph

Challenges

  • Integrating product sync from multiple external providers with different APIs, each provider having unique data structure and authentication mechanism, while handling markup price calculation and category mapping
  • Building dual order fulfillment system supporting both internal inventory delivery and automatic purchase via provider API, ensuring atomic financial transactions and rollback handling on errors
  • Designing real-time notification and chat support system via WebSocket with JWT authentication, managing multi-device connections and role-based room permissions

Solutions

  • Applied Strategy Pattern for external providers: each provider implemented as separate service with unified interface, ExternalProductSyncService acts as orchestrator with NestJS Schedule for periodic sync
  • Implemented strict transaction flow with TypeORM query runner ensuring atomicity: check balance → deduct money → create order → fulfill → create transaction record → update inventory, full rollback on failure
  • Used NestJS WebSocket Gateway with Socket.IO, room-based architecture: each user joins personal room and role-based rooms, ConnectedUsers Map tracks multi-device connections

Results

  • Completed fullstack platform with 20+ backend modules and 20+ admin management pages, serving social media account trading market
  • Automatic product sync system from 3 external providers, processing hundreds of products daily, reducing manual admin operations to nearly zero
  • Production deployment on VPS with Docker Compose (MySQL + NestJS + Nginx), SEO optimized with Schema.org JSON-LD and automatic sitemap

Client Testimonial

The automated and secure transaction system helps us operate much more efficiently, and customers trust us more.

Quản lý Tài Khoản Mavis

Operations Manager

Want a similar project?

Contact Hoang Trung Digital for free consultation and quote. We're ready to turn your ideas into reality.