FinTech Case Study Library

Thư viện Case Study FinTech

Bộ sưu tập demo tương tác chạy trong trình duyệt: blockchain, DeFi, trading, risk, payments, data, business models.

38 case study

Đầu tư & Giao dịch
beginner

Máy tính lãi suất kép

Mô phỏng sức mạnh của lãi kép theo thời gian, dòng tiền và tần suất nhập gốc.

ReactTypeScriptRecharts
Đầu tư & Giao dịch
beginner

Giá trị thời gian của tiền

PV, FV, NPV: trực quan hoá tại sao một đồng hôm nay đáng giá hơn một đồng ngày mai.

ReactD3
Đầu tư & Giao dịch
advanced

Tối ưu hoá danh mục

Modern Portfolio Theory: vẽ đường biên hiệu quả và chọn tỷ trọng tối ưu cho danh mục.

ReactD3Math
Đầu tư & Giao dịch
advanced

Backtest chiến lược giao dịch

Kiểm thử lại chiến lược (SMA crossover, RSI) trên dữ liệu lịch sử — Sharpe, drawdown, win rate.

ReactRecharts
Đầu tư & Giao dịch
intermediate

Biểu đồ tài chính tương tác

Candlestick + volume + indicators — playground cho phân tích kỹ thuật.

ReactD3
Blockchain & DeFi
beginner

Trực quan hoá Blockchain

Mỗi block là một viên gạch — xem hash, nonce, mining và immutability theo thời gian thực.

ReactD3Crypto
Blockchain & DeFi
intermediate

Mô phỏng Consensus

PoW vs PoS vs PBFT: chạy mạng giả lập, xem fork, finality và 51% attack diễn ra thế nào.

ReactSimulation
Blockchain & DeFi
intermediate

Mã hoá & Chữ ký số

Hash, ECDSA, Merkle tree — chạy thật trong trình duyệt, xem từng bước.

ReactWebCrypto
Blockchain & DeFi
advanced

Mô phỏng AMM Pool

x · y = k Uniswap pool — swap, add liquidity, xem impermanent loss và slippage trực tiếp.

ReactTypeScript
Blockchain & DeFi
advanced

State Machine của Smart Contract

Mô hình hoá escrow / auction contract như state machine — xem state transitions an toàn.

ReactSolidity
Blockchain & DeFi
advanced

Mô phỏng Tokenomics

Vesting, inflation, burn, staking — xem token supply và giá biến đổi theo cấu trúc.

ReactRecharts
Rủi ro & Tín dụng
intermediate

Điểm tín dụng & Risk Score

Đầu vào (thu nhập, nợ, lịch sử) → PD / LGD / EAD → điểm tín dụng — credit scoring trực quan.

ReactD3
Rủi ro & Tín dụng
intermediate

Ma trận Nhầm lẫn (Fraud Detection)

Precision / recall / F1 cho mô hình phát hiện gian lận — kéo threshold, xem trade-off.

ReactML
Rủi ro & Tín dụng
advanced

Cây Quyết định cho Tín dụng

Train cây quyết định trên dữ liệu vay — xem từng nhánh tách trên feature nào, gini impurity.

ReactD3ML
AI trong Tài chính
advanced

Mạng Neural cho Định giá

MLP 3 lớp dự đoán giá quyền chọn — xem forward pass và backprop từng layer.

ReactD3
AI trong Tài chính
intermediate

Phân tích Sentiment thị trường

Stream tin tức + Twitter → score → vẽ trend song song với giá cổ phiếu.

ReactNLP
Thanh toán & Ngân hàng
intermediate

5 Phương thức Thanh toán Shopee

Mai mua áo 280k Shopee — chọn 1 trong 5 phương thức: VietQR (0.3%) · MoMo (1.5%) · Visa (1.8%) · COD (0%+ship) · BNPL (2.5%). Mỗi phương thức có luồng tiền + MDR + tốc độ settle khác nhau.

ReactXYFlowFramer Motion
Thanh toán & Ngân hàng
intermediate

API Banking & Open Banking

OAuth + PSD2: kết nối bank → fintech app, xem flow consent, token, transaction fetch.

ReactXYFlow
Dữ liệu & SQL
intermediate

SQL Query Visualizer

Viết SQL — xem JOIN, GROUP BY, WHERE thực hiện thế nào trên dữ liệu mẫu (browser-side).

ReactSQL.js
Dữ liệu & SQL
intermediate

Thiết kế Lược đồ ER

Kéo-thả entity, draw relationship — auto sinh SQL DDL cho fintech schema (accounts, txns…).

ReactXYFlow
Thanh toán & Ngân hàng
beginner

eKYC qua VNeID

Mai mở MoMo, định danh qua VNeID — 5 trường thông tin chia sẻ có chủ đích, không phải tất cả.

ReactFramer MotionXYFlow
Thanh toán & Ngân hàng
beginner

Liên kết Ngân hàng (Tokenization)

Mai liên kết MoMo ↔ Vietcombank. Hiểu vì sao lần sau KHÔNG cần OTP — đã có token EMVCo.

ReactFramer MotionXYFlow
Thanh toán & Ngân hàng
intermediate

Nạp tiền ví — Ghi sổ kép

Mai nạp 100k từ VCB vào MoMo. Khám phá GHI SỔ KÉP (Pacioli 1494) — view quan trọng nhất Workshop 1.

ReactFramer Motion
Thanh toán & Ngân hàng
beginner

Chuyển tiền P2P qua NAPAS 247

Mai chuyển 50k cà phê cho Nam. So sánh in-network (3 node) vs NAPAS 247 (5 node) — dưới 5 giây.

ReactXYFlowFramer Motion
Thanh toán & Ngân hàng
beginner

Quét VietQR thanh toán

Mai trả 45k Highlands Coffee qua VietQR. 5 node routing: VCB → NAPAS → TCB → Highlands.

ReactXYFlowFramer Motion
Thanh toán & Ngân hàng
intermediate

VietQRGlobal — Du lịch TQ

Mai trả ¥30 tại Bắc Kinh qua VietQRGlobal — 7 node xuyên biên VN↔TQ.

ReactXYFlowFramer Motion
Thanh toán & Ngân hàng
beginner

QR động vs QR tĩnh

Phở Bà Hoa (QR tĩnh) vs Highlands (QR động) — phân tích payload, ưu nhược.

ReactFramer Motion
Thanh toán & Ngân hàng
intermediate

Add thẻ Apple Pay

Add VCB vào Wallet — DAN trong Secure Enclave, KHÔNG lưu số thẻ thật.

ReactXYFlowFramer Motion
Thanh toán & Ngân hàng
intermediate

NFC Tap to Pay Circle K

Mai chạm iPhone vào POS Circle K — NFC + FaceID + cryptogram unique.

ReactXYFlowFramer Motion
Thanh toán & Ngân hàng
intermediate

Thẻ chip EMV vs thẻ từ

POS Shopee Mall + thẻ chip VCB — fraud rate 0.6% → 0.15% sau khi VN bỏ thẻ từ 07/2025.

ReactFramer Motion
Thanh toán & Ngân hàng
intermediate

3-D Secure online Shopee

Mai mua iPhone 12tr Shopee qua thẻ VCB — 3DS popup + OTP SMS xác minh.

ReactXYFlowFramer Motion
Thanh toán & Ngân hàng
beginner

NAPAS 247 Mobile Banking

Mai chuyển 50k qua VCB app sang TCB — NAPAS 247 24/7, <5s, ~32M tx/day.

ReactXYFlowFramer Motion
Thanh toán & Ngân hàng
advanced

Sinh trắc QĐ 2345 (≥10tr)

Mai chuyển 15tr — kích hoạt Face ID match VNeID (68 landmark · threshold 85%).

ReactFramer Motion
Thanh toán & Ngân hàng
beginner

Quiz QĐ 2345

3 câu trắc nghiệm về 4 ngưỡng sinh trắc QĐ 2345 — Mai có nắm chắc không?

ReactFramer Motion
Thanh toán & Ngân hàng
intermediate

Nhận diện SMS thật / lừa

3 SMS (BIDV thông báo, BIDV-Verify phishing, "Mẹ ơi gấp lắm") — em chọn cái nào lừa?

ReactFramer Motion
Thanh toán & Ngân hàng
intermediate

QR dán đè scam

Mai trả tiền cà phê — QR có tên "TRAN VAN A" lạ, Mai chuyển hay hủy? 2 nhánh kết quả.

ReactFramer Motion
Thanh toán & Ngân hàng
intermediate

Mất điện thoại — checklist 5 bước

Mai mất iPhone trên bus. Sắp xếp 5 việc khẩn theo ưu tiên — Khoá SIM → Khoá thẻ → ...

ReactFramer Motion
Mô hình Kinh doanh
beginner

Business Model Canvas cho FinTech

9 ô của BMC điền sẵn theo case Momo / Stripe / Revolut — compare cạnh nhau.

React