Hugh's HQ is a GTD-style productivity system for managing your week across HEG, Performa, Personal, and Finance. Your data syncs automatically across all your devices via Supabase.
🗺 Screens
| 🏠 Dashboard | Command center — Top 5, Today's scheduled items, Admin queue, Bills due |
| ⭐ Top 5 | This week's 5 income-moving priorities |
| 📁 Projects | All multi-step projects with subtasks and progress |
| 🎯 Goals | Big-picture goals linked to projects |
| ✅ Action Lists | Tasks organised into Inbox / Admin / Waiting / Scheduled tabs |
| 💸 Bills | Bill tracker with type categories, due dates, and paid status |
| 📝 Notes | Daily notes with date history |
| 📅 Calendar | Month/week view of due dates, appointments, and bills |
| 📈 Metrics | KPIs, velocity charts, goal progress, bills snapshot |
| 📊 Reports | Printable reports — hierarchy, projects, admin, history, bills, metrics |
| 🔍 Search | Live search across everything |
| 🔄 Week Review | End-of-week snapshot and carry-forward |
🏷 Areas (filter sidebar)
Every item can be tagged to an area: HEG, Performa, Personal, or Finance. Use the sidebar pills to filter all screens at once.
📝 Dashboard day note
The day note on the Dashboard supports rich text (bold, italic, underline, highlight, links, bullets). Click ⤢ Expand to open it full-screen for distraction-free writing, then ✕ Collapse to return.
📱 Mobile navigation
On phones and tablets, tap the ☰ hamburger button (top-left) to open the sidebar. Tap the dark overlay or any menu item to close it. All screens are fully usable in portrait and landscape.
⌨️ Keyboard shortcuts
d Dashboard · p Projects · g Goals · q Tasks · b Bills · c Calendar · n Quick-add · / Search · Esc Close
What is Top 5?
Your 5 highest-leverage priorities for the week — the things that move income and goals forward. Each slot has a theme/label, and you can link project subtasks or goal actions to it.
How to use
| Set a slot | Click the slot text on the Top 5 screen and type your weekly priority |
| Link work items | Click ⭐ on a slot to pick subtasks or actions that feed into it |
| Mark done | Click the checkbox on the slot to mark the whole priority complete |
| New week | A banner appears Monday — carry over incomplete items or start fresh |
| ⭐ flag on items | Subtasks flagged ⭐ appear on the dashboard under that slot |
Streak
The 🔥 streak badge counts consecutive weeks where you completed 3+ items. Tracked automatically via the Week Review snapshot.
Action Lists — 4 tabs
| 📥 Inbox | Captured but not yet processed — needs a decision. Default landing spot for new tasks. |
| ⚙️ Admin | Operational/overhead tasks that have been processed out of the inbox. Necessary but not goal-advancing. |
| ⏳ Waiting | Tasks you're blocked on — waiting for someone else or an external event. Tagged with ⏳. |
| 📅 Scheduled | Tasks with a due date/time set. Grouped by Appointments, Admin, and Other. |
Task tags
| ⏳ Waiting | Toggle with the ⏳ button on any task. Task moves to the Waiting tab and is excluded from the Master List. |
| 📅 Appt | Toggle with the 📅 button. Marks a task as an appointment — shown in yellow on the Calendar and grouped first in Scheduled. |
A task can have both tags. Tags are visible as coloured chips on the task row.
📆 Scheduling a task
Click the 📆 button on any task to expand the schedule bar. Set a date and optional time. The task immediately appears in the Scheduled tab and on the Calendar. Use ✕ Clear to remove the schedule.
Today's scheduled items appear on the Dashboard so you know what's on for the day.
Processing a task
Click Process → on any inbox task to route it: send it to Admin, link it to a Goal, move it into a Project, or leave it in the inbox. Processing is how tasks graduate from the inbox.
Adding tasks
Use the + Add Task field at the top of the Action Lists screen, or press n anywhere for the Quick-add modal.
Work ratio bar
The dashboard ratio bar shows effort split: green = goal/income-advancing, red = admin overhead, grey = unprocessed inbox. Waiting and Appointment tasks are excluded so they don't skew the ratio.
🔍 Filter bar (Admin / Waiting / Scheduled)
Each of those three tabs has a filter bar at the top. Type to search, or filter by Area and Project. The result count updates live. Filters reset when you switch tabs.
Subtasks in Admin & Scheduled
The ⚙️ Admin tab shows both standalone admin tasks and any project subtask flagged ⚙️ Admin. The 📅 Scheduled tab shows both scheduled tasks and any project subtask that has a due date set — grouped under "📁 Project Subtasks" with a direct link to the project.
Structure
A project is any outcome requiring more than one step. Projects have subtasks, a status, an area, a linked goal, start/due dates, and a note field.
Statuses
| ⚪ Not Started | Defined but work hasn't begun |
| 🟡 In Progress | Actively being worked on |
| ⏸ Paused | On hold — waiting on something |
| ✅ Done | Complete — hidden from active view by default |
Subtasks
Add subtasks inside a project's detail view. Each subtask can be:
| ⚙️ Admin flag | Marks it as overhead — appears in the Admin tab and Admin Queue report |
| ⭐ Top 5 link | Pins it to a Top 5 slot for this week |
| 📅 Due date | Appears in the Scheduled tab and on the Calendar |
| 📝 Rich note | Click the 📝 icon to open the note panel — supports bold, italic, underline, highlight, links, and bullets |
📎 File attachments
Attach files to any project via the 📎 Add File button in the project detail view. Files are stored in Supabase Storage and linked to the project. Max 50 MB per file — for larger files, paste a Google Drive / Dropbox link into a subtask note instead.
Goal linking
Link a project to a Goal to roll its progress up into goal metrics. One project = one goal.
What goals are for
Goals are your big-picture outcomes (quarterly or annual). Link Projects to a Goal — those projects' subtasks become the goal's measurable progress.
Goal progress
Progress is calculated from subtask completion across all linked projects. Visible as a progress bar on Goals, Metrics, and in Reports.
Stale goals ⚠️
A goal is stale if no subtask has been completed in the last 7 days. Shown as a warning in Metrics and Reports.
Context
Tag goals to an area (HEG, Performa, etc.) to see breakdown by context in the Metrics donut chart.
📝 Action notes & 📎 Attachments
Goal actions (inside a goal's detail view) support the same rich text note panel as project subtasks — bold, italic, underline, highlight, links, bullets. Goals also support file attachments via the 📎 Add File button, stored in Supabase Storage.
Adding a bill
Click + Add Bill. Enter payee, amount, due date, type, and whether it's a monthly recurring bill.
Bill types
| 💳 Subscription | SaaS tools, streaming, memberships |
| 🏠 Household | Utilities, rent, insurance, home expenses |
| 💼 Business | Business expenses, supplier payments |
| 💰 Loans | Debt repayments, mortgages, car payments |
Filter the Bills screen by type using the dropdown. Bills report also supports type filtering.
Recurring bills
Check Monthly recurring when adding. When marked paid, the due date automatically rolls forward one month.
Bill status colors
| ● Overdue | Due date has passed and not paid |
| ● Due Soon | Due within the next 7 days |
| ● Upcoming | Due later |
| ● Paid | Marked as paid (faded) |
Dashboard
The 💸 Bills Due panel shows unpaid bills in the next 7 days. Bills beyond 7 days are omitted to keep the dashboard focused.
Calendar integration
Bills appear as orange 💸 chips on their due date. Click any chip to toggle paid. Use the 💸 Bills toggle in the calendar header to show/hide the bills layer.
Views
Month — full grid, up to 3 events per day with "+N more" overflow. Week — 7-column layout showing all events for the week.
Event types
| 💸 Orange chips | Bills (click to toggle paid) |
| 📅 Yellow chips | Appointment-tagged tasks (📅 Appt) |
| ✅ Task chips | Scheduled tasks with a due date |
| 📁 Project chips | Projects or subtasks with due dates |
| 🎯 Goal chips | Goals with a due date |
Day modal
Click any day number to open the full event list for that day. Bills can be toggled paid directly from this modal.
Bills toggle
The 💸 Bills button in the calendar header shows/hides the bills layer. Resets on page reload.
Available reports
| 🗂 Goal Hierarchy | Full tree: goals → linked projects → subtasks. Work ratio bar and admin queue. |
| 📁 Active Projects | All non-done projects grouped by area with subtask progress. |
| ⚙️ Admin Queue | All admin-flagged items across tasks and project subtasks. |
| 📋 Master List | Every open item by state. Excludes Waiting and Appointment tasks. |
| 📜 Historical | Completed items week-by-week from your history log. |
| 📝 Notes Archive | All daily notes in reverse chronological order. |
| 💸 Bills Due | Bill list filterable by type, 7-day / 30-day / all time windows. |
| 📈 Metrics Snapshot | KPIs, velocity chart, project pipeline, goal progress bars. |
| 🗓 Timeline & Progress | Goals & projects with start/end dates, % complete, and all subtask deadlines. |
| ⏳ Waiting For | Every waiting task grouped by area and project — your weekly chase-up list. |
| 📅 Upcoming (30 days) | All tasks and project subtasks with due dates in the next 30 days, sorted chronologically. |
| 🗓 Weekly Plan | Monday morning one-pager: Top 5, today's schedule, admin queue, and waiting items side-by-side. |
Print / PDF
Every report has a 🖨 Print / PDF button. Opens a print-optimised version in a new tab — save as PDF from your browser's print dialog.
☁️ Cross-device sync (Supabase)
Your data is automatically saved to Supabase (a cloud database) every time you make a change. When you open Hugh's HQ on another device — iPhone, iPad, another browser — it loads the cloud data automatically. No manual export/import needed.
How sync works
| On load | Local cache shows instantly, then cloud data loads in the background and refreshes the view if newer |
| On save | Every add/edit/delete syncs to Supabase automatically |
| Offline | Data is cached in browser localStorage — the app works offline; changes sync when back online |
Export & Import
⬇ Export — downloads a JSON backup of all your data. Good practice before major changes.
⬆ Import — restores a previously exported JSON. Replaces all current data.
Hosting
Hugh's HQ is hosted on Cloudflare Pages at hugh-tasklist.pages.dev. To deploy an update, put your new index.html in a folder and upload it to Cloudflare Pages. Unlimited free deploys.
Week Review & History
The 🔄 Week Review screen saves a snapshot of your Top 5 completion each week, powering the streak counter and velocity charts. Every checked task is logged to History with a timestamp.