Dashboard Tổng Quan

13 tính năng

Mở trang →

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)

Cây Gia Phả

35 tính năng

Mở trang →

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

Danh Bạ Gia Tộc

16 tính năng

Mở trang →

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ả

Lịch & Sự Kiện

5 tính năng

Mở trang →

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)

Kho Ảnh, Video & Ghi Âm

19 tính năng

Mở trang →

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

Nhật Ký & Tưởng Niệm

6 tính năng

Mở trang →

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ả

Gia Phả Nâng Cao & Xuất Dữ Liệu

12 tính năng

Mở trang →

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

Truyền Thống & Nghi Lễ

8 tính năng

Mở trang →

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

Giỗ Chạp & Sinh Nhật

7 tính năng

Mở trang →

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

Hiếu Hỷ & Quỹ Gia Tộc

7 tính năng

Mở trang →

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

Bản Đồ & Vị Trí

8 tính năng

Mở trang →

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

Kết Nối & Cộng Đồng

9 tính năng

Mở trang →

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

Thống Kê & Phân Tích

20 tính năng

Mở trang →

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ộ

Sức Khỏe & Gia Đình

5 tính năng

Mở trang →

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

Vinh Danh & Thành Tích

6 tính năng

Mở trang →

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

Thẻ Thành Viên & Chia Sẻ

6 tính năng

Mở trang →

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

AI & Công Nghệ

10 tính năng

Mở trang →

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

Tài Khoản & Cá Nhân

11 tính năng

Mở trang →

Đă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

Quản Trị Nội Dung (CMS)

15 tính năng

Mở trang →

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

Giao Diện & Thiết Kế

11 tính năng

Mở trang →

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 sử dụng

Hướng dẫn chi tiết cho từng nhóm tính năng

Dashboard Tổng Quan

Mở →

Đâ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.

Cây Gia Phả

Mở →

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 đủ.

Danh Bạ Gia Tộc

Mở →

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.

Lịch & Sự Kiện

Mở →

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.

Kho Ảnh, Video & Ghi Âm

Mở →

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.

Nhật Ký & Tưởng Niệm

Mở →

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`.

Gia Phả Nâng Cao & Xuất Dữ Liệu

Mở →

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.

Truyền Thống & Nghi Lễ

Mở →

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.

Giỗ Chạp & Sinh Nhật

Mở →

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.

Hiếu Hỷ & Quỹ Gia Tộc

Mở →

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.

Bản Đồ & Vị Trí

Mở →

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.

Kết Nối & Cộng Đồng

Mở →

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.

Thống Kê & Phân Tích

Mở →

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.

Sức Khỏe & Gia Đình

Mở →

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.

Vinh Danh & Thành Tích

Mở →

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.

Thẻ Thành Viên & Chia Sẻ

Mở →

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.

AI & Công Nghệ

Mở →

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.

Tài Khoản & Cá Nhân

Mở →

Đă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.

Quản Trị Nội Dung (CMS)

Mở →

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ự.

Giao Diện & Thiết Kế

Mở →

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