Inspiration

Sprint planning meetings are the #1 time sink for agile teams. We've all been there -- 2 hours in a room arguing over story points while half the team checks their phones. I wanted to build a tool that replaces that meeting with AI-powered automation while keeping the human element (team voting, retrospectives) intact. The inspiration came from watching how Linear and Shortcut are evolving -- they're not just tracking tools anymore, they're becoming AI-native development environments. But most teams still use Jira as a glorified spreadsheet. I wanted to build something that feels like $50/month SaaS product but runs entirely in the browser.

What it does

SprintPilot is an AI sprint command center with 10 major features: 1. Sprint Health Score (0-100) -- Weighted formula: done=100%, review=80%, in-progress=50%. Shows real-time sprint risk. 2. Risk Radar -- Auto-detects critical stories not started, large stories at risk, unassigned active stories, and sprint behind schedule. 3. Quick Wins Finder -- Identifies high-impact, low-effort stories for instant momentum. 4. AI Story Estimator -- Paste a story, get instant point estimates with complexity analysis and breakdown suggestions. 5. AI Sprint Suggestion -- Recommends which backlog stories to pull based on velocity. 6. Async Sprint Vote -- Team votes on stories without meetings. AI aggregates results. 7. AI Standup Generator -- Auto-generates daily standup summaries from status changes. 8. Team Workload Balancer -- Visual capacity cards per team member. 9. Command Palette (Ctrl+K) -- Linear-style instant search and navigation. 10. Sprint Timeline -- Visual Gantt-style view of story progress.

How I built it

Zero frameworks. HTML, CSS, and vanilla JavaScript only. This was intentional -- no build tools, no dependencies to install, just opencindex.html and use.

 - Chart.js for burndown charts, velocity trends, and donut charts
 - SortableJS for drag-and-drop on the Kanban board
 - CSS custom properties for the dark/light theme system
 - localStorage for data persistence (no backend needed)
 - Font Awesome 6 for professional iconography

The health score algorithm uses a weighted formula:

     score = ((done * 1.0 + review * 0.8 + progress * 0.5) / total) * 100 - (high_risks * 10)

The risk radar runs 4 checks on every render: critical-not-started, large-story-risk, unassigned-active, and sprint-behind-schedule.

Challenges I faced

 1. Making it look premium without a framework -- Achieved through generous whitespace, consistent 200ms transitions, glassmorphism cards, and a cohesive teal color system.

 2. Burndown chart timing -- Chart.js needs the canvas to be visible before rendering. Solved with setTimeout(renderBurndown, 100) after the dashboard loads.

 3. Health score calibration -- The initial formula (done/total * 100) gave scores that were too low for sprints in progress. Fixed by weighting in-progress and review stories.

 4. Command palette -- Building a Linear-style Ctrl+K search that searches stories, navigation, and actions simultaneously required careful event handling and fuzzy matching.

What I learned

 - AI-powered tools don't need complex backends. Smart algorithms + good UX = powerful product.
 - The "health score" concept (like Lighthouse scores) is more intuitive than raw metrics.
 - Async-first ceremonies (voting, standups) reduce meeting fatigue significantly.
 - Premium UI is 80% whitespace, typography, and transitions -- not flashy graphics.
 - Command palettes (Ctrl+K) are the new standard for power-user navigation.

Challenges we ran into

  1. Making it look premium without a framework -- Achieved through generous whitespace, consistent 200ms transitions, glassmorphism cards, and a cohesive teal color system.

    1. Burndown chart timing -- Chart.js needs the canvas to be visible before rendering. Solved with setTimeout after the dashboard loads.
    2. Health score calibration -- The initial formula gave scores that were too low for sprints in progress. Fixed by weighting in-progress and review stories.
    3. Command palette -- Building a Linear-style Ctrl+K search that searches stories, navigation, and actions simultaneously required careful event handling and fuzzy matching.
    4. Dark mode consistency -- Ensuring all 10 views, charts, modals, and side panels look correct in both themes required a systematic CSS variable approach.

Accomplishments that we're proud of

  • Built a premium SaaS-quality tool with zero frameworks -- just HTML, CSS, and vanilla JavaScript
  • 10 major features including AI estimation, risk radar, health scoring, async voting, and command palette
  • The health score algorithm provides instant sprint visibility that competitors don't offer
  • Dark and light themes with smooth transitions across all 10 views
  • Responsive design that works on desktop, tablet, and mobile
  • The entire app runs client-side with no backend, no build tools, no dependencies to install
  • Looks and feels like a $50/month SaaS product, not a weekend hackathon project ## What we learned AI-powered tools don't need complex backends. Smart algorithms combined with good UX create powerful products.
    • The "health score" concept (like Lighthouse scores) is more intuitive than raw metrics for quick decision-making.
    • Async-first ceremonies (voting, standups) significantly reduce meeting fatigue for distributed teams.
    • Premium UI is 80% whitespace, typography, and smooth transitions -- not flashy graphics or animations.
    • Command palettes (Ctrl+K) are becoming the standard for power-user navigation across modern tools.
    • CSS custom properties make theming effortless when planned from the start.
    • Chart.js requires the canvas to be visible before rendering -- timing matters for single-page apps.

What's next for SprintPilot

 - Real-time collaboration with WebSocket support for multi-user sprint planning
 - Integration with Jira, Linear, and GitHub Issues to import/export stories
 - AI-powered sprint retrospective analysis that identifies patterns across multiple sprints
 - Natural language sprint queries -- ask "what's blocking Bob?" and get instant answers
 - Mobile app with push notifications for standup reminders and risk alerts
 - Sprint history and analytics dashboard for tracking team improvement over time
 - Slack and Microsoft Teams integration for async ceremonies directly in chat
 - Custom health score weights so teams can tune the algorithm to their workflow

Built With

Share this project:

Updates