Investigations

Project Manager

TypeScript August 2025

A project management app with task tracking, built-in canvas mockup tool, team collaboration, and role-based access.

A project management application combining task tracking with visual planning. Tasks move through TODO, IN_PROGRESS, IN_REVIEW, and DONE stages. But the differentiator is the built-in canvas/mockup tool for wireframing — you can sketch UI mockups directly within the context of a project.

The comment system supports real-time updates with a tabbed interface. Role-based access controls (Owner, Admin, Member, Viewer) manage team permissions. Two UI patterns for project creation — slide panel and inline full-page — let users choose their preferred workflow.

The GraphQL API uses gqlgen on a Go backend with session-based authentication using httpOnly cookies. The React 18 frontend uses Apollo Client, Tailwind, and shadcn/ui.

What this project demonstrates

Task tracking: TODO → IN_PROGRESS → IN_REVIEW → DONE
Built-in canvas mockup tool for wireframing
Role-based access: Owner, Admin, Member, Viewer
Real-time comments with tabbed interface
Go/gqlgen GraphQL with session-based auth
Two UI patterns for project creation

Technologies

ReactGoGraphQLProject ManagementCanvas

© 2026 Jonathan Leahy · v1.1.0