Task Management Tool

TaskBoard prototype: a single-page task planner with gantt timeline, balance-scale dashboard, voice capture, and transcript extraction.

AI-perc:47%

Run locally

Open index.html in a browser, or serve the repo root:

npx --yes serve .

Development

Install dependencies and run tests:

npm install
npm test

Watch mode:

npm run test:watch

Project layout

Path	Purpose
index.html	UI markup and styles
src/app/main.js	Application logic (DOM, rendering, interactions)
src/data/constants.js	Team roster, clients, sizes, colors
src/lib/	Testable pure functions (domain, tree, dates, capture)
tests/	Vitest unit tests

Before opening a PR

1. Run npm run ci and confirm all checks pass.
2. Smoke-check the UI in a browser (filter, gantt, task detail sheet).
3. Update CHANGELOG.md if you change behavior.

CI/CD

Workflow	Trigger	What it does
CI	PR + push to main	npm test, syntax check, entrypoint verification
PR Preview	Pull requests	Tests, deploys preview to Pages, comments URL on the PR
CD	Push to main	Tests, deploys production site to gh-pages

One-time setup (after making the repo public)

1. Settings → Pages → Build and deployment → Source: Deploy from a branch
2. Branch: gh-pages / / (root)
3. Settings → Actions → General → Workflow permissions: Read and write permissions

See the UI on a pull request

After checks pass, a bot comment on the PR includes a link like:

https://summon-rnd.github.io/task-manager/pr-preview/pr-<number>/

Production URL (after merge to main)

https://summon-rnd.github.io/task-manager/

Local preview

gh pr checkout <PR_NUMBER>
npm install
npx --yes serve .