IP
Invest Planning
Prototype hi-fi · Bootstrap 5 · mock data

Bộ công cụ dựng hồ sơ đầu tư setup spa

Bước 4 — hi-fi prototype hoàn chỉnh. Toàn bộ screen inventory đã dựng, bấm được, dùng chung design system. Thư mục /prototype sẵn sàng tái dùng thành View MVC.

Đã dựng đầy đủ inventory: 12 màn Tư vấn + 3 màn Portal NĐT + 3 màn Admin + 2 màn đăng nhập. Tất cả bấm được, dùng chung design system.
◆ Đăng nhập
#1

Đăng nhập Tư vấn ✓

Split hero + form, dẫn vào Dashboard.

#13

Đăng nhập NĐT ✓

Khung mobile portal.

◆ Khu Tư vấn — Consultant (desktop)
#2

Dashboard ✓

Danh sách project, nhắc việc, tiến độ.

#3

Tổng quan Project ✓

NĐT đồng sở hữu + % góp + stepper 7 công cụ.

#4

Khảo sát mặt bằng ✓

Phễu khách, đối thủ, hòa vốn.

#5

Concept & tài liệu ✓

Định vị + kho tài liệu đính kèm.

#6 · lõi

Dự toán đầu tư ✓

Bảng 2 trục nhãn A–D × GĐ1–3, giá vốn/giá trình, toggle markup.

#7 · lõi

Module tài chính ✓

KPI, doanh thu, chi phí, kết quả, kịch bản, bài toán ngược, chia NĐT.

#8

Timeline (Gantt-lite) ✓

Task, phụ thuộc, cảnh báo trễ.

#9

Nghiệm thu ✓

Checklist đạt/không + ảnh.

#10

Phát hành & phiên bản ✓

Bản nháp → phát hành + reset duyệt + lịch sử.

#11

Quản lý NĐT ✓

Danh sách, mời, PII mã hoá.

#12

Nhắc việc ✓

Email + in-app, ưu tiên A–C.

◆ Portal NĐT — Investor (mobile)
#14

Dashboard NĐT ✓

Project tham gia + % góp.

#15 · lõi

Hồ sơ đầu tư ✓

5 mục + bình luận + duyệt multi-owner + PDF.

◆ Khu Admin
admin

Users & Roles ✓

Admin / Consultant / Investor.

admin

Audit log ✓

Ai · làm gì · lúc nào · old→new.

admin

Thư viện template & benchmark ✓

Master template · giá trị mồi.

Prototype giao diện — không backend, không DB, mock data. Thư mục /prototype để tái dùng thành View MVC.