Quick Demo — 30 วินาที ไม่ต้อง install
วิธีลองเร็วที่สุด — เปิด browser แล้วใช้เลย
⚡ ใช้ Live Demo (เร็วที่สุด)
ไม่ต้อง install อะไรเลย:
| Audience | URL | ใช้ทำอะไร |
|---|---|---|
| 🌐 ลูกค้า (เว็บ) | https://ecommerce.modelvault.cloud | ช็อปสินค้า, สั่งซื้อ |
| 📱 ลูกค้า (มือถือ) | https://ecommerce-mobile.modelvault.cloud | UI native-feel ผ่าน browser |
| 🏪 ผู้ขาย (admin) | https://ecommerce.modelvault.cloud/store/login | Dashboard, จัดการสินค้า, ตรวจสลิป |
บัญชีทดสอบบน demo
ลูกค้า:
- Email:
customer@demo.local - Password:
Cust@1234
ผู้ขาย (admin):
- Email:
owner@demo.local - Password:
Owner@1234
ลองทำ flow A (Happy Path):
- Login บัญชี customer → เลือกสินค้า → cart → checkout
- (incognito window อีก) Login owner → /store/orders → ยืนยันคำสั่งซื้อ
- กลับ window แรก → เห็นสถานะเปลี่ยน
ดูรายละเอียดทั้ง 8 flow → 04 — Test Flows
📱 ทดสอบบนมือถือ
มี 2 ทาง:
ทาง A — Mobile Web Preview (ง่ายสุด)
เปิด https://ecommerce-mobile.modelvault.cloud บนมือถือ
- เปิดได้ทั้ง iOS Safari + Android Chrome
- UI เหมือนแอป (React Native + react-native-web)
- ไม่ต้องโหลด Expo Go
- Login บัญชีเดียวกับเว็บ → cart / wishlist sync
ทาง B — Real Native App (ผ่าน Expo Go)
ต้องโหลด Expo Go จาก App Store / Play Store ก่อน ติดต่อทีม support ขอ QR code สำหรับ scan เปิด preview
(หรือ install source code เอง — ดู /docs/owner/mobile-app)
🖥️ รันบนเครื่องตัวเอง (ตัวเลือก)
ถ้าอยาก install local เพื่อเล่นแบบเต็ม:
สิ่งที่ต้องเตรียม
- Node.js 20+
- Docker Desktop
- 10 นาที
Step 1 — Clone
git clone <api-repo> api
git clone <web-repo> web
git clone <monorepo> monorepo
Step 2 — start db
cd monorepo
cp .env.example .env
docker compose up -d postgres redis
Step 3 — รัน API
cd ../api
cp .env.example .env
npm install
npx prisma migrate dev --name init
npx prisma db seed
npm run start:dev
→ http://localhost:3000/docs (Swagger)
Step 4 — รันเว็บ
cd ../web
cp .env.example .env
npm install --legacy-peer-deps
npm run dev
ใช้บัญชี seed:
customer@demo.local/Cust@1234owner@demo.local/Owner@1234
ปัญหาเจอบ่อย
npm install ใน web error เรื่อง peer deps
npm install --legacy-peer-deps
Port ถูกใช้
แก้ใน .env:
API_PORT=4000
WEB_PORT=4001
Docker postgres unhealthy
docker compose down -v
docker compose up -d postgres redis
ขั้นต่อไป
- ทดสอบครบทุก flow → 04 — Test Flows
- ดู API → 05 — API Testing
- เปรียบเทียบฟีเจอร์ → 06 — Checklist
