โ† Projects

Hatch

Client: AlienDev

๐Ÿšง Work in progress. An AI-first task manager with Table/Kanban boards, Neon Postgres, Clerk auth, standalone Doc spaces, and a hosted HTTPS MCP endpoint for agent workflows.

Visit live project

Case StudyNext.jsProductWIP
Hatch kanban board

๐Ÿšง Work in progress. Hatch is under active development โ€” features and this write-up are still evolving.

Overview

Hatch is an AI-first task manager built for humans and agents. It pairs a kanban/table board with a single HTTP API and a hosted HTTPS MCP endpoint, so the same tickets you move in the browser can be created, updated, and reviewed from Cursor, CortexMesh, or any MCP client.

The product stays intentionally simple by default: Todo / Doing / Done, projects, and tickets. Complexity such as milestones, templates, and workflows lives in Settings and stays off until you turn it on.

What it does

  • Manage work in Table, Kanban, or List views with epics, labels, priorities, and swimlanes

  • Authenticate with Clerk, including project owners, members, and viewers

  • Expose a personal MCP token for agent CRUD against projects you belong to

  • Store tickets in Neon Postgres with auto-applied Drizzle SQL schema changes

  • Attach media via local disk, S3, or R2 without stuffing files into the database

  • Host standalone Doc spaces with nested markdown pages, Mermaid diagrams, and image attachments โ€” shareable via plain text, markdown, or mailto

Technology

Hatch is a Next.js 16 App Router application on React 19 and TypeScript. The UI uses MUI with Emotion, Tailwind CSS, and dnd-kit for drag-and-drop on the board. Data lives in Neon serverless Postgres; schema SQL under drizzle/ applies automatically when the server starts. Auth is a dedicated Clerk app (proxied same-origin on hatch.aliendev.com). Observability uses Sentry. Validation is Zod end to end. Tests run with Vitest/React Testing Library and Playwright in CI.

The agent surface is first-class: a Streamable HTTP MCP server at /mcp (plus an optional local stdio bridge) exposes project, ticket, label, board, milestone, and epic tools authenticated with bearer tokens.

Product screens

Table view of the live Hatch board, grouped by epic with status, priority, and labels inline:

Hatch table board
Hatch table board

Kanban view of the same board โ€” statuses as columns, epics as swimlanes, drag handles on each card:

Hatch kanban board
Hatch kanban board

Ticket detail with markdown description, type, priority, parent epic, and activity:

Hatch ticket detail
Hatch ticket detail

Docs

Standalone Doc spaces live at /docs, separate from any single project โ€” a space can link to projects for context, but that link does not grant access. Roles mirror project roles (owner / member / viewer), pages support Mermaid fenced code blocks and image attachments, and each page can be shared as plain text, markdown, or a mailto link.

Live product

Try it at hatch.aliendev.com.