Sổ tay Đời sống cá nhân

1Bắt đầu trong 3 phút

App là một web app local-first — bạn mở bằng trình duyệt như mở Facebook, nhưng dữ liệu nằm thuần trên máy bạn, không upload đi đâu cả. Không cần tài khoản, không cần đăng ký email.

1. Mở trang chủ Vào 00-Home.html — đây là trung tâm điều hướng. Tất cả 3 module đều xuất phát từ đây.
2. Nhập tên hiển thị Bấm vào chữ "Xin chào, Bạn" ở đầu trang để đổi thành tên/biệt danh của bạn. Tên này dùng để chào hỏi, không gửi đi đâu.
3. Mở module đầu tiên Chọn 💰 Thu Chi, ✅ Công Việc hoặc ⏰ Thời Gian. Riêng Thu Chi sẽ hỏi bạn đặt mật khẩu lần đầu — đó là lớp mã hóa AES-256-GCM bảo vệ số tiền của bạn.
4. Bookmark trang Ấn Ctrl+D để lưu vào bookmark, hoặc xem chương Cài như app để biến nó thành icon trên màn hình chính.

2Trang chủ — Bảng điều khiển trung tâm

Trang chủ (00-Home.html) cho bạn cái nhìn 5 giây về cuộc sống cá nhân hôm nay.

Có gì trên trang chủ

Ghi chú nhanh

Hộp "Viết bất cứ thứ gì" dưới trang chủ — gõ là tự lưu, không cần ấn nút. Đặc biệt hữu ích cho ý tưởng bất chợt, link copy tạm, hoặc suy nghĩ trong ngày.

Việc hôm nay

Gõ việc vào ô "Thêm việc nhanh cho hôm nay", ấn Enter — việc sẽ tự đồng bộ sang module Công Việc với hạn = hôm nay. Tick xong là dấu hoàn thành luôn ở cả hai nơi.

3Thu Chi — Sổ tài chính cá nhân

Đây là module được bảo vệ nghiêm nhất: mọi giao dịch, danh mục, ghi chú đều mã hóa AES-256-GCM trước khi lưu vào trình duyệt. Kể cả ai mượn máy bạn cũng không xem được nếu không có mật khẩu.

Lần đầu mở Thu Chi

1. Nhập tên hiển thị Có thể bỏ trống — chỉ để app chào bạn đúng tên.
2. Đặt mật khẩu ≥ 8 ký tự Đây là khóa mã hóa. App không lưu mật khẩu — quên là không có cách lấy lại (xem ghi chú đỏ ở dưới).
3. Lưu mã khôi phục App tạo cho bạn 1 chuỗi 16 ký tự dạng ABCD-EFGH-JKMN-PQRS. Chép ra giấy/ghi chú khác/dán Gmail nháp — đây là phao cứu sinh duy nhất khi quên mật khẩu.
4. Vào dashboard Sau khi xác nhận đã lưu mã khôi phục, bạn vào màn hình chính.

Nếu chỉ muốn nghịch thử, bấm Dùng thử nhanh — bỏ qua mật khẩu. Dữ liệu lúc đó không mã hóa, chỉ phù hợp để khám phá tính năng.

Cấu trúc 6 tab

3.1 — Tab Tổng quan

Cái nhìn bao quát tình hình tài chính. Hiển thị:

• 4 thẻ số liệu lớn: thu tháng này, chi tháng này, tiết kiệm (thu - chi), và % tiết kiệm.
• Biểu đồ xu hướng 6 tháng — đường thu vs chi.
• Biểu đồ tròn chi theo danh mục — xem tháng này tiền đi đâu nhiều nhất.
• 5 giao dịch gần nhất, kèm nút sửa/xóa.
• Cảnh báo & gợi ý: app tự phát hiện danh mục đang vượt ngân sách, hoặc khuyên bạn nếu chi vượt thu.

3.2 — Tab Giao dịch

Trái tim của module. Hai phần: form thêm mới ở trên, danh sách + bộ lọc ở dưới.

Thêm giao dịch mới

1. Chọn loại — + Thu hoặc − Chi.
2. Chọn ngày — mặc định hôm nay. Có nút tắt Hôm nay / Hôm qua bên cạnh.
3. Nhập số tiền — gõ số, app tự thêm dấu phẩy (vd: 1500000 → 1,500,000).
4. Chọn danh mục — danh sách mặc định có sẵn (Ăn uống, Đi lại, Lương, Tiền nhà...), bạn cũng sửa/thêm được trong Cài đặt → Danh mục.
5. Ghi chú — không bắt buộc nhưng nên viết. Tương lai tìm lại dễ hơn nhiều.
6. Bấm Thêm giao dịch. Form tự xóa, ready cho lần kế.

Bộ lọc & tìm kiếm

Trong danh sách giao dịch, bạn có thể lọc theo: loại (thu/chi/tất cả), danh mục, tìm theo ghi chú. Mọi giao dịch đều có nút Sửa và Xóa ở đầu hàng.

3.3 — Tab Ngân sách

Đặt ngân sách hàng tháng theo danh mục. App so sánh với chi thực tế và cảnh báo.

1. Mở tab Ngân sách, bạn thấy danh sách các danh mục chi.
2. Nhập số tiền bạn cho phép tiêu mỗi tháng cho từng danh mục.
3. Bấm Lưu ngân sách.
4. Trong phần "Tình hình tháng này", app sẽ vẽ thanh tiến độ: xanh = an toàn, cam = sắp vượt, đỏ = đã vượt.

3.4 — Tab Mục tiêu tiết kiệm

Quản lý các mục tiêu lớn: mua laptop, du lịch, quỹ dự phòng, đặt cọc nhà…

Tạo mục tiêu mới

• Tên mục tiêu: ngắn gọn (vd: "Mua MacBook M4")
• Số tiền cần: tổng tiền cần đạt
• Đã có: số tiền hiện tại đã dành dụm
• Hạn hoàn thành: deadline (tùy chọn)
• Ưu tiên: Cao / Trung bình / Thấp

Sau khi tạo, app vẽ thanh tiến độ và tính ra: còn thiếu bao nhiêu, cần để dành bao nhiêu/tháng để đạt hạn. Bấm Cập nhật mỗi khi bỏ thêm tiền vào.

3.5 — Tab Nợ / Cho vay

Theo dõi 2 loại quan hệ tiền bạc:

• Mình nợ — vay ngân hàng, mượn tiền bạn bè, mua trả góp…
• Cho vay — cho người thân/bạn mượn, khách hàng chưa thanh toán…

Mỗi khoản ghi: người/bên, tổng tiền, đã trả/nhận, ngày bắt đầu, hạn, ghi chú lãi suất. Khi tất toán, bấm Tất toán — app chuyển khoản đó sang trạng thái hoàn thành nhưng không xóa lịch sử.

3.6 — Tab Báo cáo

Tổng kết theo tháng/năm, xuất CSV và in báo cáo PDF (qua chức năng in của trình duyệt).

• Thu chi theo tháng: biểu đồ cột so sánh
• Top danh mục chi: ranking các nhóm tiêu nhiều nhất
• Tổng kết theo tháng: bảng chi tiết thu, chi, tiết kiệm, % tiết kiệm từng tháng
• Xuất CSV — tải file CSV mở bằng Excel/Google Sheets
• In báo cáo — gọi hộp thoại in, lưu PDF cũng được

3.7 — Cài đặt & mã hóa

Bấm icon ⚙️ ở góc phải header để mở. Có 3 tab phụ:

Hồ sơ

Đổi tên hiển thị. Đây là tên dùng để chào trên trang chủ và trong dashboard.

Danh mục

Thêm/sửa/xóa các danh mục thu & chi. Đây là nơi bạn cá nhân hóa app theo cuộc sống của mình — chẳng hạn thêm "Nuôi mèo", "Học online", "Côn trùng cảnh"… tuỳ bạn.

Bảo mật

Hai chức năng quan trọng:

• Đổi mật khẩu — nhập mật khẩu cũ + mật khẩu mới (≥ 8 ký tự). App giải mã, mã hóa lại với key mới.
• Tạo lại mã khôi phục — nếu nghi ngờ mã cũ lộ. Lưu ý: tạo mã mới làm mã cũ vô hiệu ngay.

Nhập / xuất dữ liệu thu chi

Ở header có 3 nút chính:

• Xuất dữ liệu — tải file .json backup toàn bộ thu chi (đã giải mã, dạng đọc được).
• Nhập dữ liệu — chọn file .json đã xuất trước đó để khôi phục.
• Xóa tất cả — reset toàn bộ. Có 2 lớp xác nhận để tránh nhầm.

4Công Việc — To-do, Kanban, Dự án

Module để quản lý task hàng ngày, deadline, dự án cá nhân hoặc team. 5 góc nhìn cho cùng một tập dữ liệu, chuyển qua lại bằng các tab ở header.

4.1 — 📋 Kanban

3 cột cố định: Cần làm, Đang làm, Hoàn thành.

• Kéo thả task giữa các cột để đổi trạng thái.
• Mỗi thẻ hiển thị: tiêu đề, ưu tiên (màu thẻ), hạn chót (nếu có), dự án (badge).
• Bấm vào thẻ để mở modal sửa chi tiết.

Thêm việc mới

Bấm + Thêm việc ở header, modal hiện ra với các trường:

• Tiêu đề (bắt buộc)
• Mô tả (tùy chọn, hỗ trợ xuống dòng)
• Ưu tiên: Cao / Trung bình / Thấp — quyết định màu thẻ
• Trạng thái: Cần làm / Đang làm / Hoàn thành
• Hạn chót: chọn ngày — quá hạn thẻ sẽ chuyển sang viền đỏ
• Dự án: gắn task vào dự án có sẵn hoặc tạo mới ngay
• 🔁 Lặp lại: hằng ngày / theo các thứ chỉ định / mỗi N ngày

4.2 — 📃 Danh sách

Cùng dữ liệu nhưng xếp theo dạng bảng phẳng. Có:

• Ô tìm kiếm theo tiêu đề/mô tả
• Sắp xếp: theo ưu tiên, theo hạn chót, theo ngày tạo, theo tên
• Phù hợp khi bạn muốn xem nhanh tất cả task chưa làm

4.3 — 📅 Lịch

Calendar tháng truyền thống. Click vào một ngày để xem các task có hạn ngày đó. Click ngày trống để thêm task nhanh với hạn = ngày đó.

Hữu ích để nhìn lịch deadline cả tháng, tránh xếp chồng quá nhiều việc vào 1 ngày.

4.4 — 📁 Dự án

Tạo dự án (vd: "Xây website cá nhân", "Tổ chức cưới", "Học IELTS"). Mỗi dự án có:

• Tên + màu
• Danh sách task thuộc dự án
• Tiến độ % (số task hoàn thành / tổng)

Click vào dự án để xem chỉ task của dự án đó — như filter sẵn.

4.5 — 📊 Thống kê

Trang nhìn lại năng suất:

• Thống kê tổng quan: tổng task, đã làm, đang làm, quá hạn
• Hoạt động 14 ngày gần nhất: cột số task hoàn thành mỗi ngày
• Phân bố theo dự án: % task thuộc dự án nào

5Thời Gian — Tập trung & thói quen

Module này gắn chặt với Công Việc: bạn có thể chọn task đang làm để pomodoro biết bạn đang dành thời gian cho gì. 4 tab.

5.1 — 🍅 Pomodoro

Đồng hồ tập trung cổ điển: tập trung 25 phút → nghỉ ngắn 5 phút → sau N phiên thì nghỉ dài 15 phút. Tất cả thông số đều chỉnh được.

Cách dùng

1. Chọn task — chọn từ dropdown "Chọn task từ Công Việc", hoặc gõ tự do nếu là việc lặt vặt.
2. Ấn Start — đồng hồ bắt đầu đếm ngược.
3. Tập trung đến khi chuông. Nếu cần tạm dừng, bấm Pause; bỏ phiên thì Reset.
4. Nghỉ — sau mỗi phiên focus, app tự chuyển sang break (nếu bật Tự chuyển phiên).

Cài đặt pomodoro

• Tập trung (phút): mặc định 25, có thể 15/25/50/90 tùy người
• Nghỉ ngắn / Nghỉ dài
• Đến nghỉ dài: sau bao nhiêu phiên focus thì nghỉ dài (mặc định 4)
• Tự chuyển phiên: bật để khỏi phải ấn nút giữa các phiên
• Âm thanh báo: bật/tắt chuông

Lịch sử các phiên hôm nay hiển thị bên dưới — gồm task, thời gian, độ dài, có hoàn thành đủ hay bỏ giữa chừng.

5.2 — 📅 Lịch ngày (Time blocking)

Trang lịch theo giờ trong ngày, từ 6h sáng tới 23h. Bạn vẽ "block" cho từng việc — biết trước cả ngày sẽ làm gì lúc nào.

Thêm block

• Việc làm (vd: "Viết báo cáo Q2")
• Bắt đầu & Kết thúc: giờ phút
• Loại: Công việc / Cá nhân / Sức khỏe / Học tập (4 màu khác nhau)
• 🔗 Liên kết với task (tùy chọn): chọn task từ module Công Việc để biết block này thuộc việc nào

5.3 — 🔁 Thói quen

Theo dõi thói quen hàng ngày kiểu "habit tracker". Có 2 loại:

• Binary (tick/không tick) — vd: tập thể dục, đọc sách, ngủ trước 23h. Mỗi ngày một dấu ✓.
• Count (đếm số lượng) — vd: uống 8 cốc nước, đi 10.000 bước. Mỗi lần bấm cộng thêm 1 đơn vị.

Tạo thói quen mới

• Tên, Emoji (để hiển thị cho dễ nhìn)
• Mục tiêu / tuần: vd 5 ngày/tuần
• Nếu loại Count: thêm Mục tiêu / ngày, Đơn vị, Tăng mỗi lần bấm

App hiển thị grid 30 ngày gần nhất cho mỗi thói quen — ô xanh = đã làm, ô xám = chưa. Streak (chuỗi liên tiếp) tính tự động.

5.4 — 📊 Thống kê

• 30 ngày tập trung gần nhất: tổng số phút focus mỗi ngày dạng biểu đồ cột
• Tập trung theo ngày trong tuần: bạn productive nhất ngày nào
• Tổng kết: tổng giờ focus, số phiên hoàn thành, streak dài nhất các thói quen

6Sao lưu & khôi phục dữ liệu

Vì app local-first, trách nhiệm sao lưu thuộc về bạn. App giúp nhiều nhất có thể, nhưng nếu xóa trình duyệt mà không backup thì dữ liệu mất theo.

3 lớp bảo vệ

Khôi phục từ file backup

1. Mở module tương ứng (Thu Chi / Công Việc / Thời Gian).
2. Bấm Nhập dữ liệu ở header.
3. Chọn file .json bạn đã xuất trước đó.
4. App hỏi xác nhận (đè lên dữ liệu hiện tại). Bấm OK.

Lịch backup gợi ý

• Hàng tuần: export toàn bộ 3 module ra file .json, bỏ vào folder backup trong Drive.
• Hàng tháng: kiểm tra file mới nhất có mở được không, các snapshot còn nguyên không.
• Trước khi đổi máy / cài lại trình duyệt: export ngay, không bỏ qua bước này.

7Cài như app native (PWA)

App là PWA — Progressive Web App. Cài lên máy là có icon, mở ra không có thanh địa chỉ, cảm giác như app thật.

Trên Chrome / Edge (Windows / Mac / Android)

1. Mở trang chủ trên Chrome hoặc Edge.
2. Trông thanh địa chỉ có icon "Cài đặt ứng dụng" (hình ⊕ hoặc 📲 nhỏ). Bấm vào.
3. Bấm Cài đặt. Trên Windows/Mac, app sẽ có icon riêng trong Start Menu / Launchpad. Trên Android, icon hiện ngoài Home Screen.

Trên Safari (iPhone / iPad / Mac)

1. Mở trang chủ trên Safari.
2. Ấn nút Chia sẻ ở thanh dưới (hình mũi tên trỏ lên).
3. Cuộn xuống chọn Thêm vào Màn hình chính.
4. Đặt tên (mặc định "Đời sống cá nhân"), bấm Thêm. Icon xuất hiện trên Home Screen như mọi app khác.

8Mẹo dùng nâng cao

Phím tắt & thao tác nhanh

• Ở mọi form có ô ngày: dùng nút tắt Hôm nay / Hôm qua thay vì chọn lịch.
• Ở ô số tiền: chỉ cần gõ số, dấu phẩy tự thêm. Không cần gõ 1,500,000.
• Hộp ghi chú trang chủ: gõ là tự lưu, không cần Ctrl+S.
• Esc: đóng modal đang mở (trừ modal mã hóa lần đầu).

Đồng bộ 3 module với nhau

App được thiết kế để 3 module nói chuyện với nhau:

• Thêm việc ở trang chủ → tự đẩy sang Công Việc với hạn = hôm nay.
• Pomodoro ở Thời Gian → chọn task từ Công Việc → thời gian focus được gắn vào task đó.
• Block lịch ngày → có thể liên kết với task → biết bạn đã dành bao nhiêu giờ cho dự án nào.

Cá nhân hoá theo lối sống

• Sinh viên / freelancer: tạo dự án cho từng môn / từng client. Đặt thói quen "Học 2 tiếng/ngày". Ngân sách Thu Chi đặt thấp để rèn tiết kiệm.
• Đi làm văn phòng: Pomodoro 50/10 thay vì 25/5 (deep work). Block lịch ngày cho meeting trước, công việc deep sau.
• Người làm chủ: dùng Nợ / Cho vay theo dõi khách chưa thanh toán. Tạo danh mục thu/chi riêng cho từng mảng kinh doanh.

Khi app chạy chậm

Nếu sau vài tháng dùng, app chậm hơn — kiểm tra:

• Số giao dịch > 5000 → xuất ra .json, archive vào folder, sau đó xóa giao dịch cũ trong app.
• Trình duyệt cũ → cập nhật Chrome/Edge/Safari lên bản mới.
• Tab chạy ngầm quá nhiều → đóng bớt.

9Quy trình mẫu hàng ngày

Một ngày dùng app trông như thế nào? Đây là khuôn mẫu — bạn điều chỉnh theo cuộc sống thật.

Buổi sáng (5 phút)

1. Mở app, vào Thời Gian → Lịch ngày. Xem các block đã vẽ tối qua.
2. Mở Công Việc → Kanban. Kéo 2-3 task quan trọng nhất vào cột Đang làm.
3. Tick các thói quen sáng: thiền 10 phút, uống nước, tập thể dục…

Trong ngày (mỗi lần làm việc)

1. Bắt đầu phiên Pomodoro — chọn task đang làm.
2. Có giao dịch (ăn trưa, đổ xăng, được lương) — mở Thu Chi → Giao dịch, thêm nhanh.
3. Hoàn thành task — kéo sang cột Hoàn thành trong Kanban.

Buổi tối (10 phút)

1. Vào Thu Chi → Tổng quan, nhìn lại tiêu hôm nay có vượt không.
2. Vào Thời Gian → Thống kê, xem tổng giờ focus hôm nay.
3. Mở Lịch ngày mai, vẽ trước block cho ngày hôm sau.
4. Hộp ghi chú trang chủ: viết 1 dòng phản ánh — hôm nay học được gì.

Cuối tuần (15 phút)

1. Export backup toàn bộ 3 module ra Drive cá nhân.
2. Vào Thu Chi → Báo cáo, xem chi tuần này theo danh mục.
3. Cập nhật tiến độ các Mục tiêu tiết kiệm.
4. Xem các thói quen tuần này — đạt bao nhiêu / mục tiêu? Điều chỉnh cho tuần sau.

10Câu hỏi thường gặp

11Cần trợ giúp?

Nếu hướng dẫn này chưa giải đáp được, có 2 kênh hỗ trợ:

• Zalo / SMS: 0368 710 799 — thường trả lời trong vài tiếng, chậm nhất 24h.
• Email: khoinguyen2k1@gmail.com — cho các vấn đề kỹ thuật chi tiết, kèm screenshot càng tốt.

Mọi feedback đều quý — nhất là khi bạn phát hiện lỗi hoặc nghĩ ra tính năng hay. App được phát triển bởi 1 người (Nguyễn Mạnh Khôi), nên mỗi gợi ý từ người dùng đều được đọc tận tay.