ProctoAct App

Official User Manual & Guideline

Version 1.5  |   |  Internal Use Only

ProctoAct App is a self-contained, browser-based project and task management dashboard. It combines a Gantt-style calendar, a roadmap summary, and a Kanban board into a single Progressive Web App (PWA) that requires no server, no login, and works fully offline after installation. All data is stored locally in your browser.

The top row displays four real-time KPI tiles giving you an instant snapshot of your workload:

• Pending — Tasks queued but not yet started.
• In Progress — Tasks actively being worked on. These appear in the Calendar and Roadmap views.
• Completed — Tasks marked Done. Archived from active views but retained for reporting.
• Overdue — Tasks whose end date has passed without completion. Flagged with a red pulse animation across all views.

Clicking any tile filters the Kanban board to show only that status group.

A compact Gantt-style timeline that visualises all active Pending and In Progress tasks across a Monday-to-Sunday weekly grid. Each coloured bar represents one task, spanning from its Start Date to its End Date.

• Each row is one week (Mon → Sun).
• Bars spanning multiple weeks show a flat edge to indicate continuation.
• The today column is highlighted with a blue top-border.
• Hover a bar for a tooltip with status, urgency, category, and days remaining.
• Click a bar to jump to that task on the Kanban board.

• Use ❮ / ❯ arrows to go to the previous or next month.
• Use the Month / Year dropdowns to jump to any month directly.
• Click "Today" to return to the current month. The nav bar glows blue when viewing the current month.
• Click "Collapse" to hide the grid; click "Expand" to restore it.

A horizontally scrollable row of summary cards — one per active Pending or In Progress task. Unlike the Calendar, this section shows your full active pipeline regardless of selected month. Cards are sorted with overdue tasks first, then by nearest due date.

• Large day number — Due date day. Overdue tasks pulse red.
• Progress bar — How far through the task's scheduled window you are.
• Days-left chip — Remaining days or overdue duration.
• Click any card to jump to the matching Kanban task.

Click "✚ New Task" (top-right header). Fill in Title, Description, Category, Urgency, Start Date, End Date, and Status, then click "Save Task". The task appears immediately across all views.

ProctoAct uses a three-tier category system:

• Low — Complete when capacity allows.
• Medium — Standard priority; complete within the scheduled window.
• High — Requires focused attention; do not delay.
• Critical — Must be resolved immediately. Solid red badge in all views.

• 📥 Export — Download all tasks as a .json backup. Do this regularly.
• 📤 Import — Restore from a backup. Warning: overwrites all existing tasks.
• 📋 User Manual — Opens this document for print or "Save as PDF".
• ⬇ Install App — Installs ProctoAct as a PWA for offline use with a dedicated app window.