Nền tảng quản lý gia phả hiện đại — 334 thành viên, 12 đời, 4 chi họ · 229+ tính năng
13 tính năng
Tóm tắt hôm nay — sinh nhật & giỗ trong 7 ngày, sự kiện gần nhất, tổng thành viên
Widget sinh nhật & giỗ sắp tới — hiện tên, đời, đếm ngược ngày còn lại
Hoạt động gia tộc — feed nhật ký mới, bình chọn, phúng điếu, mừng cưới
Thành viên mới gia nhập — hiện avatar + tên người đăng ký gần đây
Mini stats — 3 số live (tổng thành viên / còn sống / số đời) góc sidebar trái
Checklist giỗ sắp tới — 15 tác vụ chia 4 nhóm (chuẩn bị/nấu/khách/dọn)
Bản tin tuần — tóm tắt 7 ngày tới, sao chép 1-click gửi nhóm Zalo gia tộc
Bảng xếp hạng chi — so sánh 4 chi Giáp/Ất/Bính/Đinh theo 4 chỉ số
Tính tuổi & tuổi thọ — nhập ngày sinh + ngày mất để tính
12 mẫu lời chúc — Tết, sinh nhật, cưới, đầy tháng, giỗ, tân gia, copy nhanh
Đã xem gần đây — quick access 15 thành viên click lần cuối
Tìm giỗ âm lịch — chọn ngày/tháng âm để tìm giỗ tương ứng
Phân vai — admin thấy thêm card "Cần xử lý" (đề xuất chờ duyệt, tài khoản mới)
35 tính năng
334 thành viên thật — 12 đời, 4 chi (Giáp, Ất, Bính, Đinh), quê gốc Hải Dương
6 chế độ xem: Descendant (cây xuôi), Pedigree (cây ngược), Generation List, Hourglass (đồng hồ cát), Group Sheet, Timeline dòng đời
Click trái tim giữa vợ chồng → xem riêng gia đình đó + toàn bộ con cháu
Thêm / Sửa / Xóa thành viên — form 3 trường (Họ / Đệm / Tên) + ảnh đại diện chụp camera
Add Relative Wizard — chọn kiểu quan hệ (bố/mẹ/con/vợ/chồng/anh em), tự điền thông tin
Kinship Checker — tính xưng hô chính xác + mã số thế hệ (VD: G09.02-10.04B)
Badge xưng hô trong panel chi tiết — "Ông nội của bạn", "Cô của bạn" dựa trên tài khoản đang đăng nhập
Lọc nhóm tuổi — 5 nhóm (0-18, 18-30, 30-40, 40-50, 50+) với badge đếm số người, giữ cấu trúc cây
Sidebar 3-panel: chọn Chi, lọc đời/giới tính/trạng thái, quick branch chips
Keyboard navigation — phím mũi tên di chuyển giữa nodes, Enter mở chi tiết
Tìm kiếm → highlight đường đi từ gốc đến người đó với glow animation 3 giây
Tìm đường nối 2 người — BFS shortest path, hiển thị số bước + glow toàn đường đi
Thống kê nhanh — floating panel: tổng/nam/nữ/còn sống/đã mất/số đời/tuổi thọ TB
Bookmark — đánh dấu ⭐ thành viên hay xem, dropdown nhảy nhanh (lưu localStorage)
Undo/Redo — hoàn tác khi sửa/xóa/thêm nhầm, tối đa 20 bước
Thu gọn thông minh — auto-collapse đến đời N (chọn 3–8 đời), Mở tất cả một lần
Fly-to animation — tìm kiếm/chọn thành viên → zoom mượt đến vị trí
Dải màu theo đời — nền nhạt phân biệt từng đời (12 màu xoay vòng)
Node trạng thái — viền xanh (sống), xám (mất), vàng đứt (chưa rõ), 🎂 sinh nhật sắp tới
Minimap nâng cao — màu theo chi, glow path hiện vàng trên minimap khi tìm kiếm
Đường nối phân biệt — nét liền (ruột), nét chấm (nuôi), nét đứt (chưa xác nhận)
Responsive node — zoom xa: tên viết tắt; zoom gần: avatar, nghề, năm sinh đầy đủ
Dark mode cây — nền tối, node sáng, toggle riêng cho cây gia phả
Chế độ in — nền trắng, ẩn controls/minimap, tối ưu cho máy in
AI Auto-Layout — tối ưu bố cục tự động, giảm chồng chéo, cân bằng cây
Dòng đời Timeline — click thành viên → xem sự kiện cuộc đời: sinh, cưới, con, nghề, mất
Truy vết di truyền — chọn bệnh/nhóm máu → highlight chuỗi thừa kế qua các đời
Ghi âm kể chuyện — ghi âm 30s gắn vào node thành viên, phát lại bất cứ lúc nào
So sánh Chi họ — 2 chi song song: tổng người, tuổi thọ TB, nghề, TP, con/hộ
Bản đồ phân bố — SVG world map với pin thành viên theo TP/quốc gia, click danh sách
Lịch sử thay đổi — chụp snapshot, so sánh ai mới thêm/đã xóa theo thời gian
Gợi ý thông minh — phát hiện thiếu vợ/chồng, thiếu ngày sinh, đời bất thường, trùng tên
Phân tích dòng dõi — highlight dòng sống lâu nhất, đông con nhất, di cư nhiều nhất
Chia sẻ link cây — giữ nguyên chế độ xem + thành viên đang focus khi người khác mở
Xuất PNG + PDF — in gia phả dạng sách, poster A0/A1, sổ tay A5
16 tính năng
Tìm kiếm theo tên, nghề nghiệp, SĐT, nơi ở — kết quả tức thì không cần nhấn Enter
Lọc nhóm tuổi — chip 0-18 / 18-30 / 30-40 / 40-50 / 50-60 / 60-70 / 70+ với badge đếm số người
Lọc theo thành phố / tỉnh / quốc gia — geo overview grid hiện số người mỗi vùng
Nút Gọi / Zalo / Email ngay trên card — không cần mở popup
Yêu thích — nhấn ⭐ để ghim lên đầu danh sách, lọc riêng tab "Yêu thích" (localStorage)
Nhắc sự kiện — sinh nhật (còn sống) & ngày giỗ (đã mất) trong 30 ngày, countdown
vCard — tải file .vcf để lưu vào danh bạ điện thoại (tên, SĐT, email, chi, nghề)
5 stat cards: tổng thành viên, còn sống, đã mất, có SĐT, số tỉnh/TP — click để lọc
2 chế độ xem: Lưới (card đầy đủ) + Gọn (danh sách compact với quick-action)
Thanh A-Z — click chữ cái để nhảy nhanh đến tên bắt đầu bằng chữ đó
Nút cuộn lên đầu — hiện khi scroll xuống, nhấn để quay lại đầu trang
Popup chi tiết 3 tab: Gia đình (quan hệ), Cá nhân (thông tin), Liên hệ (SĐT/email)
Chất lượng dữ liệu (admin) — đo độ đầy đủ hồ sơ 0–100% trên 19 trường có trọng số
Hợp nhất trùng lặp (admin) — gộp 2 bản, tự bổ sung dữ liệu thiếu, chuyển con sang bản giữ lại
Cảnh báo trùng lặp (admin) — banner hiện khi có thành viên trùng tên + độ đầy đủ % từng bản
Form 3-trường thống nhất (Họ / Tên đệm / Tên) — đồng bộ với cây gia phả
5 tính năng
Calendar grid tháng + list view — giỗ, sinh nhật, đám cưới, đại hội, nghi lễ
Âm lịch thông minh — chuyển đổi Dương↔Âm, hiển thị Can Chi, đánh dấu ngày lễ
Thêm sự kiện — 6 loại: giỗ, sinh nhật, đám cưới, họp mặt, nghi lễ, khác
Xuất .ics — đồng bộ toàn bộ lịch dòng họ vào Google Calendar / iPhone Calendar
Nhắc giỗ tự động qua email — gửi 14 ngày, 3 ngày, 1 ngày trước (có tracking mở mail)
19 tính năng
Album ảnh đa dạng — hỗ trợ ảnh, video, PDF, audio, YouTube embed trong cùng album
3 chế độ xem album: Lưới lớn / Lưới nhỏ / Danh sách — 7 chế độ sắp xếp
3 chế độ xem media trong album: Lưới thumbnail / Danh sách / Từng ảnh to (xem 1 ảnh tại một thời điểm với prev/next và thumbnail strip)
Bình luận ảnh/media — viết bình luận trực tiếp trên từng ảnh, video, PDF trong chế độ "Từng ảnh to" và trong lightbox
Upload video lên server — tối đa 10 phút / 500 MB, thanh tiến độ % thực tế (XHR), kiểm tra thời lượng trước khi upload
Upload nhiều file cùng lúc (multi-select) — kéo thả hoặc chọn từ máy tính
Tự sinh thumbnail từ tên folder khi chưa có ảnh bìa — gradient + chữ cái đầu
Smart auto-cover — tự đặt ảnh đầu tiên làm bìa album khi upload mới
Tìm kiếm album theo tên/mô tả + lọc media theo loại (ảnh/video/PDF/audio/YouTube)
Đếm lượt xem — mỗi ảnh/media có bộ đếm view, hiển thị ngay trên card
Lightbox — prev/next, phím tắt ←→, zoom +/- (0.5x đến 4x), slideshow tự động (Space)
Chọn nhiều media — tick chọn hàng loạt để xóa hoặc chuyển sang album khác
Xem PDF inline trong lightbox + tải xuống — phù hợp gia phả chữ Hán-Nôm, tài liệu quan trọng
Ghi âm kể chuyện — ghi âm qua microphone, lưu Supabase, AI tóm tắt nội dung câu chuyện
Upload Podcast / MP3 — tải lên file âm thanh (MP3, M4A, WAV, OGG, AAC) tối đa 200 MB để cả nhà nghe kể chuyện
Mini Player cố định — thanh player nổi cuối màn hình khi đang nghe, tiếp tục phát khi chuyển trang. Có nút Prev/Next, seek bar, đóng
Thêm link YouTube / Website — dán link, tự hiện thumbnail. Khi phát, YouTube embed ngay trong trang (full-screen overlay), không cần mở tab mới
Chọn nhiều file cùng lúc — tick để chọn, rồi chuyển hàng loạt vào thư mục chỉ một lần thao tác
Timeline lịch sử — 11 mốc sự kiện từ 1700 đến 2025
6 tính năng
Nhật ký gia tộc — viết bài, chọn tâm trạng (vui / biết ơn / hoài niệm / suy tư / khác)
4 chế độ xem: Thẻ lớn / Thẻ nhỏ / Danh sách / Dòng thời gian (nhóm theo tháng)
6 chế độ sắp xếp: mới nhất / cũ nhất / đã sửa / tiêu đề / tác giả / thủ công
Tìm theo tiêu đề, nội dung, tác giả + lọc nhanh theo tâm trạng bằng chip
Tưởng niệm — trang riêng cho người đã mất, nhóm theo đời / chi / thế kỷ
Danh sách đã đánh dấu — truy cập nhanh thành viên bookmark trên cây gia phả
12 tính năng
Dòng thời gian — 3 chế độ xem, nhóm theo thế kỷ / thời kỳ / đời, tìm kiếm, lọc tag
So sánh đời/chi/giới tính — 2 nhóm song song với nhiều chỉ số thống kê
Gia phả song ngữ — xem tên thành viên bằng Quốc ngữ, Hán-Nôm (漢), và English
Hành trình di cư — timeline từ Hải Dương thế kỷ 18 đến định cư quốc tế ngày nay
Phiên âm gia phả (OCR) — upload ảnh chụp tài liệu Hán-Nôm/viết tay → AI Gemini đọc và trích xuất
Lưu trữ scan — upload và lưu trữ các tài liệu scan, phiên âm lưu localStorage
Xuất gia phả — 6 mẫu: Sách A4, Poster A1/A0 dọc/ngang, Cuộn giấy, Sổ tay A5, PNG HD
GEDCOM 5.5.1 — xuất chuẩn quốc tế hoặc nhập file .ged từ Ancestry/MyHeritage, xem trước trước khi nhập
CSV export — toàn bộ thành viên với 21 trường, mở được Excel/Google Sheets
Sao chép GEDCOM ra clipboard + danh sách 6 ứng dụng tương thích
Cây gia phả 3D — hiển thị các đời theo chiều sâu CSS 3D perspective, kéo chuột xoay, auto-rotate, zoom
Biên bản họp — lưu trữ và tra cứu biên bản các cuộc họp, đại hội gia tộc
8 tính năng
Nhà thờ tổ — địa chỉ, lịch sử xây dựng, GPS/bản đồ nhúng, truyền thống, 6 lễ hàng năm
Sơ đồ bàn thờ — hướng dẫn bày trí từng tầng, checklist dọn dẹp hàng ngày, dos/donts
Audio tour nhà thờ — phát giọng đọc (Web Speech API) giới thiệu từng điểm tham quan trong khuôn viên
Gia huấn — 6 lời dạy tổ tiên + ca dao tục ngữ, lọc theo 6 chủ đề, copy/chia sẻ
Cẩm nang nghi lễ — 5 nghi lễ (giỗ, tảo mộ, Tết, Vu Lan, đám cưới), checklist từng bước với lưu tiến độ, copy văn khấn
Từ điển gia phả — 30+ thuật ngữ (thủy tổ, chi, văn khấn...), 3 chế độ xem, favorites, copy-to-clipboard
Từ điển: tìm kiếm, sắp xếp 4 cách, nhóm theo chữ cái hoặc chủ đề
Quiz gia phả — trắc nghiệm về lịch sử dòng họ + câu hỏi động về quan hệ thành viên
7 tính năng
Sinh nhật — xem theo Sắp tới / Theo tháng / A-Z, lọc theo Chi, badge đời, xuất .ics
Dự báo giỗ 10 năm — tính ngày dương lịch tương ứng ngày mất âm lịch cho tương lai
Nhắc giỗ — cài đặt kênh thông báo (email/Zalo/SMS/app), xem danh sách giỗ 7-365 ngày tới
Phân công giỗ — tự động xếp lịch luân phiên cho 4 chi theo năm, xem ai lo giỗ nào
Mâm cỗ giỗ — thực đơn truyền thống, chọn số người → tự tính chi phí, copy/in menu
RSVP họp tộc — theo dõi xác nhận tham dự từng hộ (có/không/chưa chắc), số người, yêu cầu đặc biệt
Hướng dẫn tang lễ — checklist 4 giai đoạn (ngay lập tức / ngày 1-2 / ngày đưa tang / sau tang), tick từng mục
7 tính năng
Quỹ gia tộc — cân đối thu chi, biểu đồ 6 tháng (thu vs chi), top 5 người đóng góp
5 chế độ nhóm quỹ: theo tháng / năm / loại / người / flat, 6 sort modes
Sổ phúng điếu — ghi nhận tiền phúng theo sự kiện, sort/group theo dịp/tháng/người
Sổ mừng cưới — ghi nhận tiền mừng, tổng kết theo đám cưới/người mừng
Thanh toán online — hướng dẫn chuyển khoản Momo/ngân hàng, gợi ý mức đóng, FAQ quỹ
Thông báo khẩn — 4 mẫu (Tang lễ, Bệnh, Thiên tai, Họp), gửi 4 kênh (SMS/Zalo/Email/App)
Hướng dẫn tang lễ — checklist 22 việc chia 4 giai đoạn, tiến độ % lưu localStorage
8 tính năng
Bản đồ mộ phần — GPS từng ngôi mộ, tình trạng (tốt/khá/cần sửa), ngày thăm viếng cuối, chỉ đường
Badge "Cần thăm" — tự động sau 180 ngày chưa thăm, click stat card để lọc
Bản đồ di cư — Leaflet map phân bố thành viên hiện tại theo tỉnh/quốc gia, top thành phố
Bản đồ thành viên toàn cầu — 4 chế độ view (map/cards/bars/list), in nước + quốc tế
Tìm người gần — tính khoảng cách Haversine từ thành phố hiện tại, sort theo khoảng cách
Heatmap phân bố — tô màu theo mật độ thành viên theo vùng miền VN và quốc tế
Timeline hành trình di cư — từ Hải Dương thế kỷ 18 đến định cư quốc tế, search và chia sẻ
QR mộ phần — quét QR tại mộ để xem tiểu sử, ngày mất, thông tin người đã khuất
9 tính năng
Chat gia tộc — 4 kênh (Chung, Thông báo, Ảnh, Nấu ăn), tin nhắn lưu Supabase thật
Thông báo — admin gửi thông báo quan trọng, hiển thị unread badge, đánh dấu đã đọc
Bình chọn — tạo poll, vote live với %, kết quả thay đổi thời gian thực, lưu DB
Thăm dò ý kiến — bình chọn đồng ý/không đồng ý, xem kết quả sau khi vote, admin quản lý
Bầu cử Ban Liên lạc — xem ứng viên, vote online, xem kết quả (upcoming/active/closed)
Biên bản họp — lưu và tra cứu biên bản đại hội, họp chi, filter theo loại cuộc họp
Danh bạ liên lạc — tổng hợp link Zalo, Facebook, Telegram, email gia tộc, copy/mở nhanh
Bảng tin (Newsfeed) — gom nhật ký, bình chọn, phúng điếu, mừng cưới vào feed thời gian thực
Chia sẻ link — 4 nhóm link (Trang chính/Nội dung/Cộng đồng/Tài liệu), copy/tạo QR
20 tính năng
6 card tổng quan live — tổng thành viên, sống, mất, nam, nữ, số đời — không dùng dữ liệu mẫu
Biểu đồ theo đời, giới tính, phân bố 4 chi, thành phố, nghề nghiệp, họ thông gia
Mỗi biểu đồ xổ/co lại (expand/collapse), nút "Mở tất cả" / "Thu gọn" một lần
3 chế độ xem: Lưới 2 cột / Gọn 3 cột / Danh sách 1 cột
Tháp tuổi (Age Pyramid) — phân bố nam/nữ còn sống theo nhóm tuổi 0–80+
Tăng trưởng — biểu đồ cột thành viên sinh theo thập kỷ, làm nổi bật đỉnh cao
Tuổi thọ — trung bình theo đời, so sánh nam/nữ, kỷ lục thọ nhất/ít nhất
Dòng thời gian thế hệ — swimlane ngang khoảng năm sinh từng đời
So sánh các chi — bars tổng/còn sống, bảng chỉ số, ★ dẫn đầu
Dữ liệu thiếu — lọc theo ảnh/sinh/bio/nơi ở/nghề, click để bổ sung
Hôn nhân — 87 phối ngẫu, họ phổ biến, phân bố theo đời
Đếm ngược sinh nhật & giỗ — 60 ngày tới, màu khẩn cấp đỏ/cam/xanh
Kỷ lục gia tộc — tự động phát hiện: cao tuổi nhất, nhiều con nhất, đời đông nhất
Phân bố địa lý — top 8 thành phố đang sống + nơi sinh, chỉ số hải ngoại
Sinh theo tháng — 12 tháng, phân mùa Xuân/Hạ/Thu/Đông, tháng đông nhất
Thống kê truy cập — lượt xem, active members, top trang, biểu đồ ngày/tuần/tháng
Nút Làm mới — invalidate toàn bộ React Query cache, fetch lại tất cả nguồn dữ liệu
Báo cáo tổng quan — tóm tắt nhanh 1 trang A4 có thể in + xuất CSV
Nghề nghiệp — nhóm theo ngành (y tế, giáo dục, công nghệ, kinh doanh...), 4 sort modes
Hộ gia đình — nhóm theo hộ, chủ hộ, TP, chi; stats: tổng hộ, nhân khẩu, TB người/hộ
5 tính năng
Bệnh di truyền — 6 bệnh phổ biến (Tiểu đường, HA cao, Tim mạch, Ung thư, Mỡ máu, Loãng xương) với mức nguy cơ
Mỗi bệnh xổ/co lại — lọc theo nguy cơ (Cao / Trung bình / Thấp)
Bác sĩ trong họ — 3 chế độ xem, sắp xếp 4 cách, tìm kiếm, nút Gọi nhanh
Nhóm máu — bảng tương thích truyền máu, thống kê theo gia tộc, % đã cập nhật
Hộ gia đình — nhóm thành viên theo hộ, xem số người, địa chỉ, chi/đời
6 tính năng
Vinh danh — 4 loại: học tập, nghề nghiệp, đóng góp, học bổng; admin CRUD đầy đủ
Admin: Thêm / Sửa / Xóa / Sắp xếp thủ công, nút ↑↓ đổi vị trí
3 chế độ xem: Lưới / Gọn / Danh sách + 6 chế độ sắp xếp
Tìm theo tên, tiêu đề + lọc theo năm + click tile loại để lọc nhanh
Tổng học bổng & khen thưởng đã trao — gradient spotlight ở đầu trang
Chứng nhận & bằng khen — kho lưu trữ file ảnh/PDF bằng khen thành viên, lọc theo loại
6 tính năng
Thẻ thành viên kỹ thuật số — 4 phong cách thiết kế: Hoàng gia / Kim hoàng / Tối giản / Cổ điển
Tải PNG / In trực tiếp / Chia sẻ native (Web Share API) + QR code quét tra cây
Thiệp mời sự kiện — chọn mẫu (giỗ tổ/đại hội/đám cưới), tùy chỉnh nội dung, copy/in
QR Code cá nhân — tạo, tải PNG, chia sẻ — quét để mở hồ sơ trực tiếp
Phân công nhiệm vụ — gán vai trò (chủ tế/nấu cỗ/đón khách) theo sự kiện, theo dõi xác nhận
Chia sẻ link — 4 nhóm link gia tộc (trang chính/nội dung/cộng đồng/tài liệu), tạo QR cho từng link
10 tính năng
AI Kể Chuyện Tổ Tiên — tạo câu chuyện 200-350 từ từ dữ liệu gia phả thực
Gợi ý quan hệ — "Người này có thể là con của..." dựa trên năm sinh và thế hệ
Phát hiện trùng lặp — cảnh báo thành viên trùng tên, gợi ý hợp nhất
Phiên âm OCR — upload ảnh chụp gia phả Hán-Nôm/viết tay → AI Gemini đọc và trích xuất
Lưu trữ tài liệu scan — upload, lưu kết quả phiên âm, quản lý kho tài liệu số hóa
Hỗ trợ Gemini, OpenAI, Grok — tự chọn provider AI phù hợp
AI tóm tắt ghi âm — tự động tóm tắt nội dung câu chuyện ghi âm bằng AI
Command Palette (⌘K / Ctrl+K) — tìm thành viên + tính năng không dấu tức thì
Chế độ cao tuổi — bật/tắt font chữ lớn + tương phản cao, lưu localStorage
Cây gia phả 3D — CSS 3D perspective, auto-rotate, kéo xoay, zoom theo đời
11 tính năng
Đăng nhập bằng Google OAuth / Email + Password / Magic Link
4 role: Trưởng tộc (owner), Admin, Thành viên, Khách — RBAC bảo vệ từng tính năng
Đăng ký — form rõ ràng, xác nhận mật khẩu, tài khoản mới mặc định role "Khách"
Duyệt tài khoản — admin xét duyệt 1-click tại CMS, nâng cấp role
Hồ sơ cá nhân — avatar upload hoặc chụp camera, tên, SĐT, Zalo, Facebook, email
QR Code cá nhân — tạo, tải PNG, chia sẻ — quét để mở hồ sơ trực tiếp
Đề xuất sửa dữ liệu — gửi yêu cầu chỉnh sửa thông tin thành viên, admin duyệt trước khi áp dụng
Quyền riêng tư — bật/tắt công khai hồ sơ, ẩn/hiện SĐT, ẩn/hiện email
Giao diện — 3 chủ đề (Sáng/Tối/Hệ thống), 4 cỡ chữ, 2 ngôn ngữ
Thông báo — bật/tắt: Email, Giỗ, Sinh nhật, Thông báo mới — 4 switch độc lập
Xuất cài đặt JSON / Đăng xuất / Xóa tài khoản
15 tính năng
Dashboard CMS — 8 bảng nội dung, quick actions, số liệu tổng quan
WYSIWYG Editor Tiptap — bold/italic/underline, font size, color, highlight, tables, YouTube embed, chèn ảnh từ thư viện
Thư viện media — upload file, 5 folder, lọc/tìm, copy URL, grid view
Quản lý thành viên gia phả — thêm/sửa thông tin 334 thành viên, lọc nhanh
Quản lý tài khoản — xem danh sách user, duyệt tài khoản mới, đổi role, kích hoạt/khóa
Sự kiện — CRUD sự kiện lịch, thêm nghi lễ đặc biệt
Duyệt đề xuất — xem và duyệt yêu cầu chỉnh sửa từ thành viên, 1-click approve/reject
Gia huấn — soạn bài dạy với rich text, icon picker, drag-to-reorder
Nhà thờ tổ — form singleton với GPS, traditions array, history timeline
Sự kiện nhà thờ — CRUD + icon picker + drag-to-reorder + search/filter
Nhận xét trang chủ — quản lý testimonials, sắp xếp kéo thả, toggle hiển thị
Liên kết gia tộc — 9 nền tảng (Zalo, FB, YouTube...), drag-to-reorder
Trang tĩnh — tạo trang với slug tùy chỉnh, SEO meta, auto-keywords
Email campaigns — quản lý gửi email hàng loạt đến thành viên
Tìm kiếm + lọc trên mọi trang danh sách CMS
11 tính năng
Green Heritage Theme — màu xanh lá signature họ Hoàng
Dark mode đầy đủ — nền tối, tất cả component thích ứng
Mobile-first — bottom navigation, sidebar drawer, responsive mọi màn hình
Command Palette (⌘K/Ctrl+K) — tìm thành viên + tính năng bằng từ không dấu
Sidebar có ghim trang — click icon 📌 để ghim lên đầu, tối đa 8 trang ghim
Tìm kiếm sidebar — gõ để lọc nhanh mục menu theo tên
Chế độ cao tuổi — font chữ lớn hơn ~120%, toggle ngay trên banner vàng trang chủ
Reduced motion — tự động tắt animation nếu user cài đặt hệ thống yêu cầu
Hỗ trợ 2 ngôn ngữ — Tiếng Việt và English (đổi trong Cài đặt)
Phím tắt cây gia phả — nhấn ? trên cây để xem bảng đầy đủ
Dashboard 3 vùng — Hôm nay / Hoạt động gia tộc / Công cụ & Phân tích
Hướng dẫn chi tiết cho từng nhóm tính năng
Đây là trang chủ sau khi đăng nhập. **Vùng 1 "Hôm nay"**: banner chào + tóm tắt sinh nhật/giỗ 7 ngày, quick actions. **Vùng 2 "Hoạt động"**: feed gia tộc, thành viên mới, thông báo. **Vùng 3 "Công cụ"**: checklist giỗ, bản tin tuần, bảng xếp hạng chi, tính tuổi, mẫu lời chúc. Sidebar trái có **mini-stats** live — click để đến trang thống kê. Tab **Phân tích** trong dashboard có thêm các biểu đồ nhanh.
Vào **Cây Gia Phả** từ menu trái hoặc trang chủ. Sidebar trái: chọn Chi (Giáp/Ất/Bính/Đinh), lọc theo đời/giới tính/trạng thái. Dùng chip **Nhóm tuổi** (0-18, 18-30...) để lọc nhanh. Click thành viên → panel phải hiện chi tiết + badge xưng hô. **Right-click** (hoặc nút ⋮) để thêm/sửa/xóa. Phím mũi tên di chuyển, Enter mở chi tiết. Toolbar trên: đổi chế độ xem (6 loại), nút 📊 thống kê, 🔀 tìm đường nối, ↩️ undo, 🌙 dark mode, 🖨️ in, 📸 snapshot. **Cẩn thận**: nút ⭐ để bookmark thành viên hay dùng — dropdown phía trên nhảy nhanh. Nhấn **?** để xem bảng phím tắt đầy đủ.
Vào **Danh bạ** từ sidebar. Tìm kiếm bằng ô search phía trên. Dùng **chip nhóm tuổi** (0-18, 18-30...) ngay dưới thanh A-Z để lọc theo độ tuổi. Nhấn ⭐ để ghim thành viên hay liên hệ. Nhấn **Gọi/Zalo** trực tiếp trên card. Thanh A-Z phía trên nhảy nhanh theo chữ cái. Đổi sang chế độ **Gọn** để xem danh sách compact. Trong popup chi tiết: tab **Gia đình** xem quan hệ, tab **Liên hệ** → nút **Tải danh thiếp** xuất .vcf. **Admin**: banner cảnh báo trùng lặp + nút Hợp nhất.
Vào **Lịch** từ sidebar hoặc menu dưới (mobile). Chuyển giữa xem **tháng** (grid) và **danh sách** (list). Nhấn **Thêm sự kiện** để ghi sự kiện mới — chọn ngày dương hoặc âm lịch. Nút **Xuất .ics** trên toolbar → mở file để thêm vào Google Calendar hoặc iPhone Calendar. Email nhắc giỗ được gửi tự động 3 lần (14/3/1 ngày trước) cho toàn bộ thành viên có email.
Vào **Kho ảnh** → tạo album mới → upload ảnh/video/PDF (kéo thả hoặc click). **Video**: tối đa 10 phút, 500 MB — trình duyệt kiểm tra trước, thanh % hiện tiến độ thực. Click ảnh → lightbox (←→ chuyển, +/- zoom, Space slideshow). Chọn icon **Maximize2** (từng ảnh to) để xem 1 ảnh full với phần **Bình luận** bên dưới. Trong lightbox: nhấn 💬 góc phải để mở panel bình luận. **Admin**: ✏️ đổi tên album, 📌 đặt ảnh bìa, "Chọn nhiều" xóa hàng loạt, chuyển media sang album khác. **Ghi âm / Podcast**: vào `/dashboard/voice-stories` → nhấn **Upload MP3** để tải file, hoặc **Ghi âm mới** để thu trực tiếp. File được tự động đọc thời lượng, lưu lên Supabase và hiện trong danh sách để cả nhà cùng nghe. **Mini Player**: khi nhấn Phát, thanh player xuất hiện cuối màn hình — bạn có thể chuyển sang trang khác mà âm thanh vẫn tiếp tục. Click seek bar để tua, điều chỉnh âm lượng, Prev/Next để chuyển bài. **Dán link YouTube**: nhấn nút **"Dán link YouTube"** trên header → dán URL → tự hiện thumbnail xem trước → điền tiêu đề → Thêm link. Khi click item YouTube sẽ mở **overlay embed** ngay trong trang (full-screen, nhấn Esc hoặc click ngoài để đóng). **Chọn nhiều**: nhấn "Chọn nhiều" trên thanh lọc → tick các file → "Chuyển vào thư mục" để di chuyển hàng loạt.
Vào **Nhật ký** để viết và đọc bài. Nhấn **Viết bài** → nhập tiêu đề, nội dung, chọn tâm trạng. Tác giả + admin có thể ✏️ sửa hoặc 🗑️ xóa. Đổi chế độ xem từ toolbar (Thẻ/Danh sách/Timeline). Lọc theo chip tâm trạng. Vào **Tưởng niệm** để xem trang tưởng nhớ tiền nhân — lọc theo chi/đời, tìm theo tên/nghề/bio. **Đánh dấu (Bookmarks)**: xem danh sách thành viên đã ghim sao ⭐ trên cây gia phả tại `/dashboard/bookmarks`.
Mỗi trang có mục đích riêng. **Dòng thời gian** (`/dashboard/timeline`): 11 mốc lịch sử từ 1700 — chuyển view và lọc tag. **So sánh** (`/dashboard/compare`): chọn 2 nhóm (chi, đời, giới tính) để đối chiếu chỉ số. **GEDCOM** (`/dashboard/gedcom`): nút **Xuất GEDCOM** → sao chép hoặc tải file. Upload file .ged để nhập — có preview 20 dòng trước khi import. **Xuất gia phả** (`/dashboard/wall-chart`): chọn 1 trong 6 mẫu, tùy chỉnh tiêu đề/đời/người mất, nhấn Xuất. **Cây 3D** (`/dashboard/tree-3d`): kéo chuột để xoay, scroll zoom, bật/tắt auto-rotate.
Vào **Nhà thờ tổ** để xem thông tin + bản đồ nhúng. Vào **Sơ đồ bàn thờ** để xem hướng dẫn bày trí và checklist dọn dẹp. Vào **Audio tour** để nghe giới thiệu tự động về từng điểm trong nhà thờ (cần loa/tai nghe). Vào **Gia huấn** → lọc theo 6 chủ đề (Hiếu thảo, Đoàn kết, Giáo dục...) → nhấn copy/chia sẻ câu ưa thích. **Cẩm nang nghi lễ**: chọn nghi lễ → tick từng bước (tiến độ tự lưu) → copy văn khấn. **Quiz**: tự động tạo câu hỏi từ data thật về thành viên.
Vào **Sinh nhật** (`/dashboard/birthdays`): tab "Sắp tới" hiện người sinh nhật trong 30 ngày, xuất .ics để đồng bộ lịch. **Nhắc giỗ** (`/dashboard/gio-reminder`): chọn kênh thông báo muốn nhận. **Dự báo giỗ** (`/dashboard/gio-forecast`): xem ngày dương lịch giỗ trong 10 năm tới cho mỗi tiền nhân. **Phân công giỗ** (`/dashboard/gio-duty`): hệ thống tự xếp lịch xoay vòng cho 4 chi. **Mâm cỗ** (`/dashboard/gio-menu`): nhập số khách → chi phí và nguyên liệu tự tính lại. **RSVP** (`/dashboard/rsvp`): click stat card để lọc theo trạng thái; hover card để đổi trạng thái nhanh. **Tang lễ** (`/dashboard/funeral`): tick từng bước checklist — tiến độ lưu tự động.
Vào **Quỹ gia tộc** (`/dashboard/fund`): click "Tổng thu"/"Tổng chi" để lọc danh sách. Biểu đồ 6 tháng hiện xu hướng thu-chi. Vào **Sổ phúng điếu** (`/dashboard/condolence`): nhập người phúng + số tiền + dịp. Dùng 4 chế độ group để tổng hợp. Vào **Sổ mừng cưới** (`/dashboard/wedding`): tương tự phúng điếu nhưng dành cho đám cưới. **Thanh toán online** (`/dashboard/online-pay`): xem QR và thông tin chuyển khoản. **Thông báo khẩn** (`/dashboard/emergency`): chọn mẫu → tick kênh → gửi.
Vào **Bản đồ mộ** (`/dashboard/graves`): bản đồ Leaflet có thể thu gọn. Click stat card "Cần thăm" để lọc mộ chưa thăm 180 ngày. Click mộ → xem chi tiết + nút **Chỉ đường** mở Google Maps. **Bản đồ di cư** (`/dashboard/migration`): xem phân bố hiện tại, click tỉnh/thành để xem danh sách. **Tìm người gần** (`/dashboard/nearby`): nhập thành phố của bạn → sort theo khoảng cách. **Heatmap** (`/dashboard/heatmap`): click vùng để xem chi tiết.
Vào **Chat gia tộc** (`/dashboard/chat`): chọn kênh → gõ tin nhắn. Vào **Thông báo** (`/dashboard/announcements`): xem thông báo từ admin. Vào **Bình chọn** (`/dashboard/voting`): tạo poll mới hoặc vote vào poll có sẵn — kết quả thay đổi live. Vào **Thăm dò** (`/dashboard/survey`): vote đồng ý/không, xem kết quả sau khi vote. **Bầu cử** (`/dashboard/election`): bỏ phiếu khi có cuộc bầu cử đang active. **Chia sẻ link** (`/dashboard/share-link`): copy link trang bất kỳ để gửi Zalo.
Vào **Thống kê** (`/dashboard/statistics`): badge "Dữ liệu trực tiếp" hiện thời gian fetch cuối. Nhấn **Làm mới** để cập nhật. Mỗi biểu đồ có thể co lại — nhấn "Mở tất cả" để xem nhanh. Đổi view mode (2 cột/3 cột/1 cột) từ toolbar. Vào **Thống kê truy cập** (`/dashboard/visit-stats`): chọn khoảng thời gian (hôm nay/7 ngày/30 ngày/năm) để so sánh. **Báo cáo tổng quan** (`/dashboard/stats-summary`): nút In hoặc Xuất CSV.
Vào **Sức khỏe** (`/dashboard/health`): 3 tab — **Bệnh di truyền** (xổ/co từng bệnh, lọc nguy cơ), **Bác sĩ trong họ** (tìm kiếm, đổi view, gọi nhanh), **Nhóm máu** (bảng tương thích có thể xổ/co). Vào **Hộ gia đình** (`/dashboard/households`): chọn chế độ nhóm (theo TP/Chi/Đời) — mỗi section xổ/co lại.
Vào **Vinh danh** (`/dashboard/honors`): click tile loại (học tập/nghề nghiệp/học bổng/đóng góp) để lọc. Dropdown năm để xem năm cụ thể. Đổi view mode/sắp xếp từ toolbar. **Admin**: nút **Thêm mới** → nhập thông tin → Lưu. Ở chế độ sắp xếp "Thủ công": dùng ↑↓ để đổi thứ tự. Vào **Chứng nhận** (`/dashboard/certificates`): upload file bằng khen, lọc theo loại.
Vào **Thẻ thành viên** (`/dashboard/id-card`): chọn 1 trong 4 phong cách → tải PNG hoặc in. QR code trên thẻ quét ra hồ sơ trang web. Vào **Thiệp mời** (`/dashboard/invitation-card`): chọn mẫu sự kiện → sửa nội dung → copy/in. Vào **Phân công** (`/dashboard/duty-assign`): tạo sự kiện → gán người → họ xác nhận. Vào **Chia sẻ link** (`/dashboard/share-link`): copy link bất kỳ trang để gửi Zalo/Facebook.
Vào **Phiên âm OCR** (`/dashboard/ocr`): upload ảnh chụp tài liệu → nhấn Phiên âm → AI trả về văn bản, có thể copy. Vào **Lưu trữ scan** (`/dashboard/scan-archive`): quản lý các tài liệu đã số hóa. **AI Kể Chuyện**: click thành viên trên cây → panel chi tiết → nút **AI Kể Chuyện** — AI tạo 200-350 từ từ dữ liệu thật. **Command Palette**: nhấn ⌘K hoặc Ctrl+K → gõ không dấu để tìm (VD: "quy" → Quỹ gia tộc). **Chế độ cao tuổi** (`/dashboard/elder-mode`): bật để font chữ to hơn ~120%. **Cây 3D** (`/dashboard/tree-3d`): kéo chuột xoay không gian, bật auto-rotate.
Đăng nhập tại `/auth/login` — tab **Đăng nhập** (email+password hoặc Google), tab **Đăng ký** (tạo mới). Vào **Cá nhân** (`/ca-nhan`): sửa avatar (upload hoặc chụp camera), thông tin cá nhân. **QR Code**: tạo và tải về. **Đề xuất** (`/de-xuat`): gửi yêu cầu sửa thông tin thành viên. Vào **Cài đặt** (`/dashboard/settings`): 5 mục xổ/co: Thông tin cá nhân → Giao diện → Thông báo → Quyền riêng tư → Tài khoản.
Chỉ admin mới truy cập được CMS tại `/cms`. Đăng nhập riêng tại `/cms/login`. **Quản lý tài khoản** (`/cms/accounts`): chọn user → đổi role → Lưu. Để duyệt đề xuất: `/cms/change-requests` → click Approve/Reject. Editor WYSIWYG: **Ctrl+B** bold, chèn ảnh từ thư viện (click icon ảnh → chọn hoặc upload file mới), nhúng YouTube bằng icon video. Mỗi danh sách CMS có ô tìm kiếm + có thể kéo icon ☰ để đổi thứ tự.
Bật **Dark mode** trong Cài đặt → Giao diện → Chủ đề. Nhấn **⌘K** hoặc **Ctrl+K** để tìm nhanh — gõ không dấu ("ghi am" → Ghi âm, "quy" → Quỹ). Sidebar: hover item → click 📌 để ghim. Gõ vào ô tìm kiếm sidebar để lọc menu. **Chế độ cao tuổi**: toggle trên banner vàng trang chủ hoặc vào `/dashboard/elder-mode`. Mobile: dùng bottom navigation 5 nút phía dưới màn hình.
Bắt đầu khám phá gia phả dòng họ Hoàng
hoanggia.vn · Gia Tộc Họ Hoàng · Gìn giữ nguồn cội — Tỏa sáng dòng tộc