Khảo sát và đánh giá 14 dự án Dashboard/PM mã nguồn mở cho quản lý dự án xây dựng

ℹ️Tổng quan

Báo cáo khảo sát 14 dự án mã nguồn mở trên GitHub thuộc hai nhóm: (1) khung dashboard quản lý dự án dựng sẵn bằng Next.js/React (3 repo), và (2) nền tảng admin dashboard/no-code/low-code tổng quát (11 repo, theo bảng xếp hạng của NocoBase). Mục tiêu là xác định repo nào khả thi nhất để làm nền cho một ứng dụng quản lý dự án xây dựng (công trình dân dụng, thủy lợi, đê điều) và tích hợp vào mã nguồn cục bộ hiện có của hatech (Next.js 16, React 19, Prisma, NextAuth, Tailwind, Recharts) để phát triển thành web app SaaS tại tên miền dashboard.hatech.info. Các repo được diễn giải theo cấu trúc, chức năng, SWOT và điểm khả thi, sắp xếp theo trọng số giảm dần.

Mục lục

Phương pháp đánh giá và trọng số
Bảng tổng hợp 14 dự án theo trọng số giảm dần
Phần 1: Nhóm khả thi cao (hạng 1-5)
- 1.1 Hamed-Hasan/Build-Project-Management-Dashboard
- 1.2 Jason-uxui/project-dashboard
- 1.3 marmelab/react-admin
- 1.4 nocobase/nocobase
- 1.5 appsmithorg/appsmith
Phần 2: Nhóm khả thi có điều kiện (hạng 6-9)
- 2.1 replyre/project-management-dashboard
- 2.2 apitable/apitable
- 2.3 nocodb/nocodb
- 2.4 PanJiaChen/vue-element-admin
Phần 3: Nhóm chỉ dùng tham khảo giao diện (hạng 10-14) - gồm akveo/ngx-admin, tabler/tabler, zxwk1998/vue-admin-better, ColorlibHQ/AdminLTE, ColorlibHQ/gentelella (trình bày dạng bảng tổng hợp)
Rủi ro giấy phép mã nguồn mở
Đề xuất giải pháp MVP
Lộ trình phát triển SaaS dashboard.hatech.info
Kết luận và khuyến nghị

Phương pháp đánh giá và trọng số

Mỗi repo được chấm điểm 1-10 trên 5 tiêu chí, nhân với trọng số tương ứng, cộng lại thành điểm khả thi tổng (thang 10). Trọng số phản ánh đúng bối cảnh thực tế: hatech đã có mã nguồn Next.js 16 + React 19 + TypeScript + Prisma + NextAuth + Tailwind + Recharts đang chạy, nên mức độ khớp ngăn xếp công nghệ và giấy phép thương mại hóa được ưu tiên cao nhất.

Tiêu chí	Trọng số	Diễn giải
Khớp ngăn xếp công nghệ với hatech (Next.js/React/TS/Tailwind/Prisma)	25%	Càng khớp, chi phí tích hợp vào mã nguồn cục bộ càng thấp
Chức năng quản lý dự án sẵn có (Kanban, Gantt, phân quyền, workflow)	25%	Càng nhiều chức năng dựng sẵn, càng rút ngắn thời gian ra MVP
Giấy phép và khả năng thương mại hóa SaaS	20%	MIT/Apache thuận lợi nhất; AGPL/Fair-code có ràng buộc cần xử lý
Khả năng mở rộng, tùy biến dữ liệu (custom field, plugin, low-code)	15%	Quyết định khả năng mô hình hóa nghiệp vụ xây dựng đặc thù (khối lượng, nghiệm thu, hồ sơ năng lực)
Độ trưởng thành và cộng đồng (sao, tần suất cập nhật)	15%	Rủi ro bảo trì dài hạn

Bảng tổng hợp 14 dự án theo trọng số giảm dần

Hạng	Repo	Ngôn ngữ/Stack chính	Giấy phép	Sao (tham khảo)	Điểm khả thi/10
1	Hamed-Hasan/Build-Project-Management-Dashboard	Next.js, Zustand, React Query, Ant Design, Tailwind	MIT	6	7.30
2	Jason-uxui/project-dashboard	Next.js App Router, TypeScript, Tailwind, shadcn/ui	MIT	1.000	7.15
3	marmelab/react-admin	React, TypeScript	MIT	25.1k (1/2026)	7.05
4	nocobase/nocobase	Node.js, React, plugin engine	AGPL-3.0 + bản thương mại	21.3k-23k	6.90
5	appsmithorg/appsmith	Java, React, low-code builder	Apache-2.0	35k (1/2026)	6.70
6	replyre/project-management-dashboard	Next.js, JavaScript	Không công bố file LICENSE	0	6.05
7	apitable/apitable	TypeScript, Java, spreadsheet-database	AGPL-3.0 + bản thương mại	13.5k (1/2026)	5.90
8	nocodb/nocodb	TypeScript, Vue, spreadsheet-database	Sustainable Use License (Fair-code, từ 29/1/2026, trước đó AGPL-3.0)	50.4k (1/2026)	5.60
9	PanJiaChen/vue-element-admin	Vue 2, Element-UI	MIT	88.3k (1/2026)	4.85
10	akveo/ngx-admin	Angular, Nebular	MIT	25.3k (1/2026)	4.70
11	tabler/tabler	HTML/CSS/JS thuần	MIT	44.2k (1/2026)	4.60
12	zxwk1998/vue-admin-better	Vue 3, Element-Plus	MIT	17.1k (1/2026)	4.35
13	ColorlibHQ/AdminLTE	Bootstrap, jQuery	MIT	44.2k (1/2026)	4.05
14	ColorlibHQ/gentelella	Bootstrap	MIT	20k (1/2026)	3.60

💡Cách đọc bảng

Số sao ghi "1/2026" lấy từ nguồn tổng hợp của NocoBase (cập nhật 23/1/2026, xem mục Danh mục tham khảo); số sao của 3 repo dashboard QLDA (hạng 1, 2, 6) được truy xuất trực tiếp từ GitHub ngày 31/7/2026. Điểm khả thi là ước tính phân tích của báo cáo, không phải chỉ số chính thức của GitHub.

Phần 1: Nhóm khả thi cao (hạng 1-5)

1.1 Hamed-Hasan/Build-Project-Management-Dashboard

Cấu trúc: ứng dụng Next.js đơn khối, thư mục src/ gồm trang xác thực, trang tổng quan dự án, trang chi tiết dự án, và module quản lý công việc. Quản lý trạng thái toàn cục bằng Zustand, lấy và cache dữ liệu bằng React Query, giao diện dựng trên Ant Design kết hợp Tailwind CSS.

Chức năng: đăng nhập có xác thực form (giả lập, chưa nối backend thật), danh sách dự án với thao tác xem/sửa/xóa, trang chi tiết dự án hiển thị công việc, thành viên và hoạt động gần đây, quản lý công việc dạng kéo-thả giữa các trạng thái, bộ lọc và tìm kiếm công việc theo trạng thái, hạn chót, người phụ trách.

SWOT	Nội dung
Điểm mạnh	Bố cục sát nhất với một ứng dụng QLDA thực thụ trong nhóm 3 repo Next.js: có trang chi tiết dự án, quản lý thành viên, bộ lọc công việc. Ngăn xếp công nghệ (Next.js, Zustand, React Query, Tailwind) dễ ghép vào mã nguồn hatech vốn cũng dùng Next.js/React/Tailwind.
Điểm yếu	Dữ liệu và xác thực đều là giả lập (mock), chưa có tầng backend/API/CSDL thật; UI dùng Ant Design nên cần đồng bộ lại theme với shadcn/ui nếu muốn hợp nhất giao diện.
Cơ hội	Có thể thay lớp mock bằng Prisma + NextAuth sẵn có của hatech, giữ nguyên toàn bộ luồng UI và state management.
Rủi ro	Dự án nhỏ (6 sao, 28 commit), khả năng ngừng bảo trì cao, cần fork về nội bộ thay vì phụ thuộc upstream.

Khả thi QLDA xây dựng: cao, phù hợp làm khung UI khởi điểm cho module quản lý công việc/thành viên của MVP, cần bổ sung các trường đặc thù xây dựng (hạng mục, khối lượng, nghiệm thu).

1.2 Jason-uxui/project-dashboard

Cấu trúc: Next.js App Router thuần TypeScript, tách rõ app/ (layout, trang), components/ (bao gồm ui/ theo shadcn/ui), lib/data/ chứa dữ liệu mẫu tách biệt khỏi giao diện. Kiến trúc được tác giả mô tả rõ trong README là để "hoán dữ liệu mẫu bằng API thật sau này".

Chức năng: sidebar điều hướng có badge và trạng thái active, danh sách dự án đang hoạt động kèm biểu đồ vòng tiến độ (progress-circle), hệ thống sidebar responsive có thể thu gọn và nhớ trạng thái qua cookie.

SWOT	Nội dung
Điểm mạnh	Kiến trúc rất sạch, đúng chuẩn tách UI/dữ liệu/logic, dùng shadcn/ui và Radix (cùng hệ sinh thái Tailwind mà hatech đang dùng); 1.000 sao, 202 fork cho thấy được cộng đồng chấp nhận làm mẫu tham khảo.
Điểm yếu	Chỉ là giao diện demo, không có xác thực, không có CRUD thật, không có backend; chức năng nghiệp vụ còn sơ khai so với repo hạng 1.
Cơ hội	Rất thích hợp làm bộ khung thiết kế (design system) và cấu trúc thư mục mẫu cho toàn bộ dashboard.hatech.info, vì gần như không cần "gỡ" kiến trúc cũ, chỉ cần "lắp" API thật vào.
Rủi ro	Tác giả định hướng đây là portfolio cá nhân, không cam kết lộ trình phát triển dài hạn.

Khả thi QLDA xây dựng: cao, dùng làm khung thiết kế (design system) chủ đạo cho MVP, kết hợp phần chức năng CRUD của mục 1.1.

1.3 marmelab/react-admin

Cấu trúc: thư viện React (không phải ứng dụng đóng gói sẵn), cung cấp bộ "data provider" kết nối REST/GraphQL/API tùy chỉnh, cùng thư viện component (bảng, form, bộ lọc, biểu đồ) để build nhanh giao diện quản trị dữ liệu.

Chức năng: CRUD tự động sinh từ schema dữ liệu, hỗ trợ đa ngôn ngữ, quản lý phân quyền, tích hợp linh hoạt với nhiều nguồn dữ liệu backend khác nhau.

SWOT	Nội dung
Điểm mạnh	Là thư viện React thuần, MIT, được marmelab duy trì chuyên nghiệp và liên tục từ 2016 đến nay (25k+ sao); có thể nhúng trực tiếp vào ứng dụng Next.js hiện tại của hatech như một package npm cho phần admin/back-office.
Điểm yếu	Không có giao diện thiết kế sẵn theo phong cách QLDA xây dựng, không có Gantt/Kanban mặc định, cần tự xây dựng phần trình bày trực quan tiến độ.
Cơ hội	Phù hợp làm lớp quản trị dữ liệu nội bộ (admin panel) phía sau: quản lý danh mục dự án, nhà thầu, hợp đồng, định mức, độc lập với giao diện dashboard công khai cho khách hàng.
Rủi ro	react-admin vốn tối ưu cho SPA điều hướng phía client (React Router), cần điều chỉnh khi tích hợp vào Next.js App Router (Server Components).

Khả thi QLDA xây dựng: cao, vai trò tốt nhất là lớp admin/back-office nội bộ (quản lý dữ liệu nền: nhà thầu, hợp đồng, định mức) chạy song song với dashboard chính.

1.4 nocobase/nocobase

Cấu trúc: nền tảng no-code hướng mô hình dữ liệu, kiến trúc plugin (mở rộng tính năng không sửa lõi), trình dựng trang kéo-thả (WYSIWYG), engine workflow trực quan.

Chức năng: mô hình hóa dữ liệu phức tạp không cần code, phân quyền đa cấp chi tiết, tự động hóa quy trình (workflow) và gần đây tích hợp AI employee vào giao diện, có sẵn blueprint "Project Management - Lite".

SWOT	Nội dung
Điểm mạnh	Mô hình dữ liệu và workflow engine rất mạnh, phù hợp để mô hình hóa nhanh các thực thể đặc thù xây dựng (hạng mục, khối lượng, nghiệm thu, hồ sơ năng lực) mà không cần lập trình lại từ đầu; có sẵn blueprint quản lý dự án làm điểm khởi đầu.
Điểm yếu	Ngăn xếp công nghệ (Node.js backend + kiến trúc plugin riêng) không khớp trực tiếp với mã nguồn Next.js của hatech, nên chỉ tích hợp được qua API/iframe, không "ghép" mã nguồn trực tiếp được.
Cơ hội	Triển khai như một dịch vụ backend riêng (self-host), dashboard.hatech.info ở Next.js chỉ đóng vai trò giao diện gọi API của NocoBase cho các module cần cấu hình linh hoạt (biểu mẫu kiểm định, báo cáo tùy biến).
Rủi ro	Giấy phép AGPL-3.0: nếu sửa đổi mã nguồn NocoBase và phân phối dưới dạng dịch vụ, phải công bố mã nguồn sửa đổi trừ khi mua bản thương mại; cần tách bạch rõ ràng NocoBase (backend độc lập) khỏi mã nguồn SaaS của hatech.

Khả thi QLDA xây dựng: cao với vai trò "back office linh hoạt" (module cấu hình biểu mẫu, workflow phê duyệt), không nên dùng làm lõi toàn bộ SaaS vì rủi ro giấy phép và lệch stack.

1.5 appsmithorg/appsmith

Cấu trúc: nền tảng low-code kéo-thả, kết nối trực tiếp tới CSDL (PostgreSQL, MySQL, MongoDB...) và REST/GraphQL API, có trình soạn giao diện trực quan độc lập với mã nguồn ứng dụng đích.

Chức năng: dựng nhanh giao diện nội bộ (internal tool), điều khiển UI phong phú (bảng, biểu mẫu, biểu đồ), xác thực và phân quyền tích hợp, cộng tác chỉnh sửa theo thời gian thực.

SWOT	Nội dung
Điểm mạnh	Giấy phép Apache-2.0, thân thiện thương mại nhất trong nhóm nền tảng low-code khảo sát; kết nối thẳng vào CSDL Postgres mà Prisma của hatech đang dùng, rút ngắn thời gian dựng công cụ nội bộ cho đội kỹ thuật (nhập số liệu khảo sát, quan trắc).
Điểm yếu	Không có mẫu giao diện QLDA dựng sẵn, giao diện do Appsmith tạo ra tách biệt khỏi giao diện Next.js chính nên trải nghiệm người dùng không đồng nhất 100% nếu dùng song song hai hệ giao diện.
Cơ hội	Vai trò lý tưởng: công cụ nội bộ cho đội vận hành/kỹ sư hiện trường nhập liệu khối lượng, quan trắc, kiểm định, tách khỏi ứng dụng khách hàng chính để giảm rủi ro và chi phí phát triển.
Rủi ro	Cần tự host (Docker) song song với hạ tầng Next.js hiện tại, phát sinh thêm chi phí vận hành máy chủ và giám sát.

Khả thi QLDA xây dựng: cao với vai trò công cụ nội bộ (internal tool) cho đội hiện trường và vận hành, giấy phép thuận lợi nhất cho mô hình SaaS thương mại.

Phần 2: Nhóm khả thi có điều kiện (hạng 6-9)

2.1 replyre/project-management-dashboard

Cấu trúc: ứng dụng Next.js JavaScript (chưa dùng TypeScript), 15 commit, cấu trúc src/ gọn nhẹ.

Chức năng: xác thực có kiểm tra biểu mẫu, CRUD dự án và thành viên, CRUD công việc, kéo-thả công việc giữa 4 trạng thái (Todo, In Progress, Completed, Backlog), state quản lý toàn cục đảm bảo đồng bộ giữa danh sách dự án và công việc.

SWOT	Nội dung
Điểm mạnh	Chức năng CRUD dự án/công việc đầy đủ nhất trong 3 repo Next.js khảo sát, gần với yêu cầu tối thiểu của một MVP QLDA.
Điểm yếu	Không dùng TypeScript (hatech dùng TypeScript toàn bộ, tăng chi phí chuyển đổi), README không công bố rõ giấy phép/file LICENSE, 0 sao và gần như không hoạt động bảo trì.
Cơ hội	Dùng làm tài liệu tham khảo luồng nghiệp vụ (business logic reference) hơn là tái sử dụng mã nguồn trực tiếp.
Rủi ro	Thiếu file LICENSE công khai là rủi ro pháp lý khi tái sử dụng mã nguồn cho sản phẩm thương mại; cần liên hệ tác giả xin phép hoặc chỉ tham khảo ý tưởng, không sao chép mã.

Khả thi QLDA xây dựng: trung bình, giá trị tham khảo luồng nghiệp vụ cao nhưng rủi ro pháp lý khi tái dùng mã nguồn.

2.2 apitable/apitable

Cấu trúc: nền tảng lai giữa bảng tính và cơ sở dữ liệu quan hệ, kiến trúc microservice (TypeScript + Java), nhiều chế độ xem (view) trên cùng một tập dữ liệu.

Chức năng: giao diện bảng tính quen thuộc, chuyển đổi qua lại giữa view bảng, Kanban, Gantt ngay trên cùng dữ liệu, cộng tác thời gian thực, tích hợp API mạnh.

SWOT	Nội dung
Điểm mạnh	Có sẵn Gantt và Kanban gắn liền dữ liệu, rất sát nhu cầu theo dõi tiến độ thi công mà không cần tự xây biểu đồ Gantt từ đầu.
Điểm yếu	Kiến trúc microservice phức tạp hơn NocoDB/NocoBase khi tự triển khai, đòi hỏi hạ tầng lớn hơn (nhiều service, Java runtime).
Cơ hội	Dùng làm công cụ lập và theo dõi tiến độ (S-curve, đường găng) cho đội QLDA nội bộ, xuất dữ liệu qua API vào dashboard chính của hatech.
Rủi ro	AGPL-3.0, tốc độ phát triển cộng đồng gần đây chậm lại so với NocoDB/NocoBase; cần đánh giá lại mức độ hoạt động của repo trước khi cam kết dài hạn.

Khả thi QLDA xây dựng: trung bình cao, phù hợp làm module lập tiến độ (Gantt) độc lập, tích hợp qua API.

2.3 nocodb/nocodb

Cấu trúc: biến CSDL quan hệ (MySQL, PostgreSQL, MariaDB, SQL Server...) thành giao diện bảng tính, tự sinh REST và GraphQL API cho mọi bảng dữ liệu.

Chức năng: giao diện kiểu Excel, hỗ trợ nhiều loại CSDL, tự động sinh API, cộng tác thời gian thực, có cả bản triển khai đám mây và tự host.

SWOT	Nội dung
Điểm mạnh	Cộng đồng lớn nhất trong nhóm no-code khảo sát (50k+ sao), tự sinh API cực nhanh trên CSDL Postgres sẵn có, rất hợp để đội kỹ thuật hatech tạo nhanh bảng dữ liệu vận hành (danh mục vật liệu, định mức, nhà thầu) mà không cần viết API.
Điểm yếu	Không có module Gantt/QLDA chuyên biệt, chủ yếu là công cụ quản trị dữ liệu dạng bảng.
Cơ hội	Dùng làm "back office" quản trị dữ liệu nền tảng, sau đó dashboard.hatech.info tiêu thụ dữ liệu qua API tự sinh của NocoDB.
Rủi ro	Từ 29/1/2026, NocoDB chuyển từ AGPL-3.0 sang Sustainable Use License (fair-code): vẫn miễn phí tự host và chỉnh sửa, nhưng giới hạn việc dùng làm nền xây dựng dịch vụ cạnh tranh trực tiếp với NocoDB Cloud; cần đọc kỹ điều khoản trước khi thương mại hóa.

Khả thi QLDA xây dựng: trung bình, tốt cho vai trò backend dữ liệu nội bộ, cần rà soát điều khoản giấy phép mới trước khi đưa vào sản phẩm thương mại.

2.4 PanJiaChen/vue-element-admin

Cấu trúc: template admin dashboard Vue 2 + Element-UI, cấu trúc module hóa, được xem là template admin phổ biến nhất lịch sử GitHub trong danh mục này.

Chức năng: quản lý người dùng và vai trò, hiển thị bảng dữ liệu, công cụ biểu đồ nâng cao, phân quyền động, xử lý biểu mẫu phức tạp (biểu mẫu lồng nhau, validate động).

SWOT	Nội dung
Điểm mạnh	Số sao cao nhất khảo sát (88k+), tài liệu và cộng đồng khổng lồ, độ hoàn thiện UI/UX rất cao sau nhiều năm phát triển.
Điểm yếu	Vue 2 đã ngừng hỗ trợ dài hạn (EOL), trái ngược hoàn toàn với ngăn xếp React/Next.js của hatech, chi phí viết lại gần như bằng làm mới.
Cơ hội	Có giá trị tham khảo về cách tổ chức phân quyền động và xử lý biểu mẫu phức tạp, có thể học hỏi mô hình thiết kế để áp dụng lại bằng React.
Rủi ro	Việc dùng lại trực tiếp mã nguồn tạo ra hai ngăn xếp công nghệ song song (Vue và Next.js) trong cùng sản phẩm, tăng chi phí bảo trì lâu dài.

Khả thi QLDA xây dựng: trung bình, giá trị nằm ở tham khảo thiết kế hệ thống, không nên tái sử dụng mã nguồn trực tiếp.

Phần 3: Nhóm chỉ dùng tham khảo giao diện (hạng 10-14)

Năm repo còn lại đều là template/framework giao diện admin tổng quát, không có chức năng quản lý dự án chuyên biệt, và lệch ngăn xếp công nghệ với hatech (Angular, HTML/CSS/JS thuần, Vue, hoặc Bootstrap/jQuery). Giá trị sử dụng chính là tham khảo bố cục, thư viện biểu đồ và mẫu component UI khi thiết kế giao diện riêng bằng React/Tailwind.

Repo	Cấu trúc/chức năng chính	SWOT rút gọn	Khả thi QLDA xây dựng
akveo/ngx-admin	Angular + thư viện component Nebular, theme tùy biến, quản lý người dùng dựng sẵn	Mạnh: UI doanh nghiệp hoàn thiện. Yếu: Angular trái ngăn xếp, Nebular gần đây giảm tần suất cập nhật. Cơ hội: tham khảo hệ thống theme. Rủi ro: khóa vào Angular ecosystem	Thấp, chỉ tham khảo bố cục
tabler/tabler	HTML/CSS/JS thuần, không phụ thuộc framework, thư viện component tinh gọn	Mạnh: nhẹ, thiết kế đẹp, MIT. Yếu: không có logic nghiệp vụ, phải tự xây mọi thứ. Cơ hội: dùng làm nguồn thiết kế (design token, icon) tái tạo bằng Tailwind. Rủi ro: không tiết kiệm thời gian phát triển đáng kể	Thấp, chỉ tham khảo thiết kế
zxwk1998/vue-admin-better	Vue 3 + Element-Plus, trình sinh trang low-code tích hợp sẵn	Mạnh: bộ module dựng sẵn tiết kiệm thời gian cho dự án Vue. Yếu: tài liệu chủ yếu tiếng Trung, lệch ngăn xếp React. Cơ hội: tham khảo trình sinh trang. Rủi ro: rào cản ngôn ngữ khi bảo trì	Thấp, lệch ngăn xếp
ColorlibHQ/AdminLTE	Bootstrap + jQuery, hệ sinh thái lớn, cài đặt đơn giản	Mạnh: cực kỳ phổ biến, dễ tùy biến cho dự án nhỏ. Yếu: công nghệ jQuery đã lỗi thời so với kiến trúc component hiện đại. Cơ hội: dùng cho các trang báo cáo tĩnh đơn giản nếu cần triển khai gấp. Rủi ro: nợ kỹ thuật nếu chọn làm nền tảng chính	Thấp, chỉ phù hợp bản demo nhanh
ColorlibHQ/gentelella	Bootstrap, cấu trúc thư mục đơn giản, thân thiện người mới	Mạnh: dễ học, phù hợp ngân sách hạn chế. Yếu: tần suất cập nhật thấp, thiếu tính năng nâng cao. Cơ hội: bài học cho MVP cực nhanh không cần thiết kế phức tạp. Rủi ro: không mở rộng được cho hệ thống lớn	Thấp, chỉ phù hợp bản thử nghiệm rất nhỏ

Rủi ro giấy phép mã nguồn mở

Nhóm giấy phép	Repo liên quan	Ý nghĩa khi xây SaaS thương mại
MIT / Apache-2.0	Jason-uxui, Hamed-Hasan, react-admin, ngx-admin, vue-element-admin, vue-admin-better, tabler, AdminLTE, gentelella, appsmith	Được phép sao chép, sửa đổi, đóng gói vào sản phẩm thương mại đóng nguồn mà không phải công bố lại mã nguồn; đây là nhóm an toàn nhất để tích hợp trực tiếp vào mã nguồn cục bộ của hatech
AGPL-3.0 (có bản thương mại)	nocobase, apitable	Nếu chỉ gọi API của dịch vụ chạy độc lập thì không phát sinh nghĩa vụ công bố mã nguồn; nếu sửa đổi mã nguồn lõi và phân phối dưới dạng dịch vụ thì phải công bố phần sửa đổi, trừ khi mua giấy phép thương mại (Enterprise Edition)
Sustainable Use License (fair-code)	nocodb (từ 29/1/2026)	Miễn phí tự host và tùy biến nội bộ, nhưng hạn chế việc dùng làm nền tảng xây dịch vụ cạnh tranh trực tiếp với sản phẩm gốc; cần đọc kỹ điều khoản trước khi đưa vào lộ trình thương mại hóa dashboard.hatech.info
Không công bố giấy phép	replyre/project-management-dashboard	Về nguyên tắc, mã nguồn không có file LICENSE mặc định thuộc toàn quyền tác giả; chỉ nên dùng để tham khảo ý tưởng nghiệp vụ, không sao chép mã trực tiếp vào sản phẩm thương mại

⚠️Nguyên tắc an toàn khi tích hợp

Với các nền tảng AGPL/fair-code (NocoBase, APITable, NocoDB), nên triển khai như dịch vụ backend độc lập (Docker riêng, domain phụ nội bộ), giao tiếp với dashboard.hatech.info hoàn toàn qua REST/GraphQL API. Không copy hoặc fork trực tiếp mã nguồn của các nền tảng này vào cùng repository Next.js của hatech.

Đề xuất giải pháp MVP

Dựa trên kết quả xếp hạng, giải pháp MVP kết hợp ba lớp, tận dụng tối đa mã nguồn cục bộ hiện có của hatech (Next.js 16, React 19, Prisma, NextAuth, Tailwind, Recharts):

Lớp	Thành phần đề xuất	Vai trò
Giao diện chính (frontend)	Khung thiết kế của Jason-uxui/project-dashboard (shadcn/ui, cấu trúc `app/`, `components/`, `lib/data/`) ghép với luồng chức năng CRUD/kéo-thả của Hamed-Hasan/Build-Project-Management-Dashboard	Giao diện dashboard.hatech.info cho khách hàng/ban QLDA
Dữ liệu và xác thực	Prisma + PostgreSQL + NextAuth sẵn có trong mã nguồn hatech, thay thế toàn bộ dữ liệu mock	Lưu trữ dự án, hạng mục, khối lượng, hồ sơ năng lực, hợp đồng
Trực quan hóa tiến độ/chi phí	Recharts (đã có trong dependencies) để dựng biểu đồ S-curve, EVM (Earned Value), biểu đồ khối lượng-nghiệm thu	Theo dõi tiến độ, chi phí thực chiến cho ban QLDA
Công cụ nội bộ nhập liệu hiện trường	Appsmith (Apache-2.0) triển khai Docker riêng, kết nối cùng CSDL Postgres	Đội hiện trường nhập khảo sát, quan trắc, kiểm định an toàn đập/hồ chứa
Module nghiệp vụ đặc thù xây dựng	Bổ sung thực thể: dự án (nhóm A/B/C), gói thầu, hạng mục công việc, khối lượng (theo QĐ 1041/QĐ-BXD), nghiệm thu-thanh toán (theo NĐ 206/2026, TT 36-38/2026), hồ sơ năng lực/CCHN (theo NĐ 212/2026), hợp đồng (theo NĐ 210/2026, mẫu QĐ 1040/QĐ-BXD), lịch đánh giá an toàn công trình (theo TT 33/2026)	Gắn trực tiếp khung pháp lý xây dựng 2026 đã hệ thống hóa trong `content/7-pmp/tu-van-qlda/list-van-ban.md` vào sản phẩm, tạo lợi thế khác biệt so với các dashboard tổng quát

Phạm vi MVP giai đoạn 1 (4-6 tuần): đăng nhập/phân quyền (NextAuth), danh mục dự án và hạng mục, bảng tiến độ Kanban, biểu đồ tiến độ S-curve cơ bản, module hồ sơ pháp lý liên kết văn bản 2026 đã có sẵn trong vault. Không bao gồm workflow phê duyệt phức tạp hay đa tổ chức (multi-tenant) ở giai đoạn này.

Lộ trình phát triển SaaS dashboard.hatech.info

Giai đoạn	Thời gian ước tính	Nội dung chính
Giai đoạn 0: MVP nội bộ	4-6 tuần	Triển khai bảng mô tả ở mục Đề xuất giải pháp MVP, deploy thử nghiệm dưới subdomain dashboard.hatech.info (Vercel hoặc VPS riêng), dùng dữ liệu của 1-2 dự án thủy lợi thật để kiểm thử
Giai đoạn 1: Module Gantt và đường găng	3-4 tuần	Bổ sung thư viện Gantt (ví dụ frappe-gantt hoặc dhtmlx-gantt qua React wrapper), tính đường găng, liên kết khối lượng-tiến độ-chi phí
Giai đoạn 2: Đa tổ chức (multi-tenant)	4-6 tuần	Thêm mô hình tổ chức (organization) trong schema Prisma, cách ly dữ liệu theo tenant_id, phân quyền theo vai trò trong từng tổ chức (chủ đầu tư, tư vấn QLDA, nhà thầu)
Giai đoạn 3: Gói dịch vụ và thanh toán	2-3 tuần	Tích hợp cổng thanh toán, các gói (miễn phí giới hạn dự án, gói chuyên nghiệp, gói doanh nghiệp), trang giới thiệu sản phẩm tại dashboard.hatech.info
Giai đoạn 4: Tích hợp AI và tự động hóa	Liên tục	Tận dụng nội dung sẵn có trong vault hatech (văn bản pháp lý, kiểm định, tiền khả thi) làm nguồn tri thức cho tính năng trợ lý AI kiểm tra hồ sơ, cảnh báo mốc đánh giá an toàn công trình, gợi ý mẫu hợp đồng theo QĐ 1040/QĐ-BXD

💡Lợi thế cạnh tranh riêng

Khác với các dashboard mã nguồn mở tổng quát khảo sát ở trên, dashboard.hatech.info có thể khai thác trực tiếp kho tri thức chuyên ngành thủy lợi, đê điều, kiểm định an toàn đập đã hệ thống hóa sẵn trong vault (thư mục 7-pmp, hydraulic, water-resources) làm dữ liệu nền và nội dung tuân thủ pháp lý, đây là điểm khác biệt mà không repo nào trong 14 repo khảo sát có sẵn.

Kết luận và khuyến nghị

Ba repo có điểm khả thi cao nhất (Hamed-Hasan/Build-Project-Management-Dashboard, Jason-uxui/project-dashboard, marmelab/react-admin) đều dùng React/Next.js, khớp trực tiếp với mã nguồn cục bộ của hatech và có giấy phép MIT an toàn để tích hợp thẳng. Khuyến nghị dùng Jason-uxui làm khung thiết kế, Hamed-Hasan làm tham khảo luồng chức năng, react-admin làm lớp back-office quản trị dữ liệu nền. NocoBase và Appsmith nên triển khai như dịch vụ backend độc lập (không ghép mã nguồn) để tránh ràng buộc giấy phép AGPL, đóng vai trò công cụ cấu hình linh hoạt và nhập liệu hiện trường. Các repo còn lại (Vue, Angular, Bootstrap/jQuery thuần) chỉ nên dùng để tham khảo thiết kế, không tái sử dụng mã nguồn trực tiếp vì lệch ngăn xếp công nghệ và phát sinh nợ kỹ thuật dài hạn.