Productivity / Nội bộ

Personal Tracker

Dashboard cá nhân đặt làm new-tab Chrome để việc cần làm luôn đập vào mắt mỗi khi mở trình duyệt.

Tổng quan

Một dashboard cá nhân tối giản gom Todo (Kanban + lịch), Ghi chú, Bookmark, Pomodoro và theo dõi thói quen vào cùng một màn hình.

Toàn bộ dữ liệu lưu local trong trình duyệt (localStorage), không cần backend — đặt làm trang mặc định / new-tab của Chrome.

Ý tưởng cốt lõi: biến những việc hay quên thành thứ 'đập vào mắt' mỗi khi mở trình duyệt hoặc bật tab mới.

Bài toán cần giải

Mình hay quên việc cần làm, mà các app todo thông thường phải chủ động mở mới thấy. Cần một nơi việc cần làm tự hiện ra trước mặt — không phải nhớ rồi đi tìm.

Cách chúng tôi tiếp cận

  • Xây như một trang new-tab: mở Chrome hoặc tab mới là thấy ngay việc cần làm.
  • Gom nhiều widget năng suất (Kanban, lịch, Pomodoro, ghi chú, bookmark, thói quen) vào một màn duy nhất.
  • Local-first với localStorage, không backend → nhẹ, riêng tư, deploy đơn giản.
  • Dùng AI (Fable 5) hỗ trợ phần lớn việc code, mình giữ vai review và định hướng.

Sản phẩm làm được gì

Todo Kanban + Lịch

Bảng Backlog / Todo / Doing / Done, kèm chế độ xem theo lịch ngày.

Pomodoro

Đồng hồ tập trung 25 phút, có âm báo qua Web Audio API.

Ghi chú

Khu ghi chú nhanh cho việc cần làm và nhắc nhở.

Bookmark

Lưu link theo nhóm, tự lấy metadata qua CORS proxy.

Theo dõi thói quen

Đếm streak các thói quen hằng ngày: uống đủ nước, đọc sách, tập thể dục…

Thử thách kỹ thuật

Vấn đề

Muốn app dùng được ngay làm new-tab, riêng tư và không phải dựng backend.

Cách giải

Local-first: toàn bộ dữ liệu nằm trong localStorage; dùng Notification API + Web Audio API cho nhắc nhở/Pomodoro và CORS proxy để lấy metadata bookmark — tất cả chạy client-side.

Kết quả

  • Đặt làm trang new-tab giúp việc cần làm tự đập vào mắt mỗi lần mở trình duyệt.
  • Demo công khai chạy tại https://tracker.tensorship.tech
  • Source mở trên GitHub: https://github.com/lethai2597/personal-tracker

Điểm nổi bật

  • New-tab dashboard — mở trình duyệt là thấy việc cần làm
  • Local-first, không backend: nhẹ & riêng tư
  • 5-trong-1: Kanban, Pomodoro, ghi chú, bookmark, thói quen
  • Thử nghiệm code với Fable 5 (đối chiếu Opus): task nhỏ chưa thấy khác biệt rõ

Khám phá sản phẩm khác