Back to Labs
Live
Resourcing
A drag-drop resource planner that syncs with Capsule CRM. Track budgeted vs allocated days and plan capacity in half-day slots.
Why we built this
Spreadsheets couldn’t show us who was overbooked or underutilised. We needed a visual timeline that pulled opportunities from CRM, let us drag them into place, and showed capacity in real time without manual updates.
How we built it
React with TypeScript and dnd-kit for drag-drop. Firebase syncs state across the team. Capsule CRM API pulls opportunities and their budgeted days. Timeline shows half-day slots, colour-coded by utilisation. Changes sync instantly so everyone sees the same view.
What's next
We use this every Monday for capacity planning. Simple, reliable, does one thing well. Not planning major changes but it’s essential infrastructure for how we run projects.
Built with
React
TypeScript
Firebase Realtime DB
Capsule CRM API
dnd-kit
Half-Day Slot Engine
