ỨNG DỤNG TÔ MÀU ĐỒ THỊ ĐỂ SẮP XẾP LỊCH TRÌNH GIAO HÀNG TỐI ƯU CHO SHIPPER

Ứng dụng web tối ưu hóa lịch trình giao hàng sử dụng thuật toán đồ thị

Live Demo

Công nghệ sử dụng

Phần	Công nghệ
Frontend	Next.js 16, React 19, TypeScript, Tailwind CSS
UI Components	ShadCN UI, Radix UI, Lucide Icons
Trực quan hóa	React Flow, Recharts, Leaflet
Backend	Next.js API Routes, Node.js
Database	MongoDB + Mongoose
Thuật toán	TypeScript + WebAssembly (C++/Emscripten)
Build Tools	Webpack, Emscripten, PostCSS

---

Cài đặt Node.js

Cách 1: Docker (Khuyến nghị cho Windows)

docker pull node:24-alpine
docker run -it --rm --entrypoint sh node:24-alpine
node -v
npm -v

---

Cách 2: Installer Windows (.MSI)

Cài đặt Download Node.js v24.12.0 LTS

1. Tải file .msi
2. Chạy installer
3. Follow the wizard
4. Kiểm tra: node -v & npm -v

---

Cách 3: NVM cho Linux/macOS

# Cài đặt NVM
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.3/install.sh | bash

# Load NVM
\. "$HOME/.nvm/nvm.sh"

# Cài Node.js phiên bản 24
nvm install 24

# Kiểm tra
node -v
npm -v

---

Hướng dẫn chạy

1. Cài đặt dependencies

npm install

2. Build WebAssembly (nếu cần)

# Build WASM tối ưu (production)
npm run build:wasm

# Build WASM nhanh (development)
npm run build:wasm:fast

3. Build & Chạy ứng dụng

# Production build
npm run build
npm start

# Development mode (hot reload)
npm run dev

4. Truy cập ứng dụng

Mở trình duyệt tại: http://localhost:3000

Scripts có sẵn

npm run dev
npm run build
npm start
npm run build:wasm
npm run build:wasm:fast
npm run lint

---

Cấu hình (Tùy chọn)

OpenRouteService API (cho bản đồ)

# Đăng ký: https://openrouteservice.org/dev/#/signup
echo "NEXT_PUBLIC_OPENROUTESERVICE_API_KEY=your_api_key" >> .env.local