Team 3 - AgentBoard Full Implementation

[marsBuilds]

AgentBoard — AI Agent Workflow Manager

A Kanban-style webapp for managing AI agents through workflow stages.

Features

• 5 default workflow columns: Researching, Designing, Building, Testing, Deploying
• Unassigned column: All new agents land here, drag them to start work
• Drag-and-drop: Drag agent cards between columns — no dropdowns
• Add Column modal: Name + Context fields to create custom columns
• Add Agent modal: Name + Personality fields, agents default to Unassigned
• Loading animation: Progress bar with randomized 5–60s timer per assignment
• Locked while working: Cards are undraggable with a pulsing 🔒 icon while in progress
• Terminal/matrix aesthetic: Space Mono font, green glow effects, animated particle network background
• Responsive: Horizontal scroll on desktop, stacked on mobile
• Dummy data: 1 default agent, zero API calls

Stack

React + Vite, plain CSS, no external libraries beyond React.

How to run

cd teams/team_3/base_mvp
npm install
npm run dev

Made with Cursor