Bỏ qua, đi tới nội dung chính
Ninh Lêhub
Chuyển sang chế độ tối
Về trang chủ

Sân chơi

Bộ sưu tập game web và tiện ích nhỏ mình tự xây dựng để thử nghiệm ý tưởng và luyện kỹ thuật.

Snake Game

Snake Game

Rắn săn mồi cổ điển, điều khiển bằng bàn phím.

Lưới bằng CSS Grid, vòng lặp bước cố định qua setTimeout tự lặp lại.

2048

2048

Trò chơi ghép số, gộp các ô cùng giá trị để đạt 2048.

Quản lý lưới bằng mảng 2 chiều, xử lý gộp ô và hoạt ảnh trượt.

Typing Tester

Typing Tester

Đo tốc độ gõ phím (WPM) và độ chính xác theo thời gian thực.

So khớp ký tự theo thời gian thực, tính WPM và % chính xác.

Dino Run

Dino Run

Khủng long mất mạng — nhảy né xương rồng, cúi đầu né quái bay.

Vòng lặp game bằng requestAnimationFrame, vật lý trọng lực và va chạm AABB.

Block Blast

Block Blast

Xếp khối vào lưới để phá hàng, tương tự thể loại block puzzle.

Kéo-thả bằng Pointer Events, kiểm tra va chạm và xoá hàng/cột đầy.

Minesweeper

Minesweeper

Dò mìn cổ điển — mở ô an toàn, cắm cờ đánh dấu bom, đừng đạp trúng mìn.

Thuật toán loang (BFS), đảm bảo an toàn ở lượt click đầu tiên, quản lý trạng thái bằng useReducer.

Zero-Knowledge Pastebin

Ghi chú mã hóa đầu cuối bằng WebCrypto AES-GCM 256. Dữ liệu chỉ nằm trên URL hash của bạn.

WebCrypto AES-GCM 256 + PBKDF2 100,000 rounds, truyền tải qua URL fragment mà server không nhận được.

2FA TOTP Authenticator

Bộ tạo và xác thực mã 2FA (RFC 6238) thời gian thực 100% offline bằng WebCrypto HMAC-SHA-1.

Base32 decoding RFC 4648, HMAC-SHA-1 WebCrypto, Dynamic Truncation RFC 4226 với tolerance ±30s.

Interactive Algorithm Sandbox

Zero-dependency native sandbox executing JavaScript directly inside an isolated iframe with live console proxy.

Algorithm Runner (Binary Search Benchmark)
Console Output (0)

Nhấn 'Chạy code' để xem kết quả xuất ra màn hình console...

Micro-Benchmark Sandbox (Web Worker Engine)

Real-world algorithmic benchmark comparison executed in isolated Web Workers with JIT compilation warm-up and zero UI freeze.

Algorithm Performance Comparison (Ops / Sec)

Web Worker
Snippet A
Snippet B
Chạy độc lập trên Web Worker, không block giao diện chính.

Fullstack & Microservices Topology

Interactive system architecture viewer with 100% pure CSS packet animations and latency/resilience inspection.

Interactive System Architecture

Fullstack / Microservices Data Flow Topology

Vuốt ngang để khám phá toàn bộ sơ đồ
Client TierNext.js 16 + React 19SSR / SSG & PWAAPI GatewayRate Limit & AuthEdge Security & CORSApp Services.NET 9 / Rails APICQRS & Domain CoreRedis ClusterCache-Aside (<2ms)PostgreSQLACID StorageGIN Indices

Application Core

·ASP.NET Core / Ruby on Rails Microservices
Latency: 15ms - 45ms P95

Core Responsibilities

  • ▸Domain Logic, CQRS Orchestration & Business Rules
  • ▸Asynchronous Background Job Processing
  • ▸Transactional Outbox Pattern for Data Consistency

Resilience & High Availability

Polly Circuit Breakers, Exponential Backoff & Retry Policies

.NET Core 9Ruby on RailsRESTful / gRPCMediatR