Ledger — Dashboard Fintech

Ledger xử lý tiền theo đúng cách các bộ phận tài chính mong đợi: dùng đơn vị nguyên nhỏ nhất ở mọi nơi, định dạng đa tiền tệ, xem giao dịch theo bút toán kép, hàng chờ đối soát và sao kê có thể xuất ra tệp.

Điểm khác biệt

• Biểu đồ dữ liệu dễ tiếp cận — Bảng màu an toàn cho người mù màu, tooltip điều hướng được bằng bàn phím và bảng dữ liệu thay thế cho mọi biểu đồ.
• Bảng dữ liệu xử lý phía server — Sắp xếp, lọc, phân trang và xuất CSV được xử lý trên server, nhờ đó hàng trăm nghìn dòng vẫn hiển thị tức thì.
• Xác thực & phân quyền — Đăng nhập bằng email, OAuth và magic link kèm phiên đăng nhập, route được bảo vệ và phân quyền theo vai trò.
• Component dễ tiếp cận — Điều hướng bằng bàn phím, viền focus, nhãn ARIA và độ tương phản WCAG AA được kiểm tra trên mọi thành phần tương tác.
• Theme dựa trên token — Mọi màu sắc, độ bo góc và bóng đổ đều là biến CSS. Đổi toàn bộ thương hiệu chỉ bằng cách sửa một tệp.
• Có kèm kiểm thử — Kiểm thử đơn vị cho phần logic nghiệp vụ và kiểm thử end-to-end bằng Playwright cho các luồng quan trọng.

Phù hợp với ai

Các đội fintech và vận hành tài chính không thể chấp nhận một dashboard mà các con số bị lệch.

Công nghệ sử dụng

Next.js 16 · React 19 · TypeScript · Tailwind CSS v4 · Prisma · Recharts

Trong tệp tải về

• Toàn bộ mã nguồn Next.js (TypeScript)
• Tệp thiết kế Figma
• Design token Tailwind CSS
• Tài liệu hướng dẫn dạng văn bản
• Cấu hình triển khai một cú nhấp

Cập nhật và hỗ trợ

Nâng cấp framework và sửa lỗi miễn phí chừng nào sản phẩm này còn tồn tại. Bản quyền Thường kèm 6 tháng hỗ trợ, bản Mở rộng kèm 12 tháng, và có thể gia hạn bất cứ lúc nào.