CodePulse

Project Story This project was inspired by the growing gap between AI-generated code changes and the visibility engineering teams have into their impact. As modern development workflows become faster, teams still spend too much time reading logs, chasing flaky tests, and interpreting scattered quality signals. I wanted to build a dashboard that makes that process feel immediate, visual, and actionable.

I learned how to turn a Figma Make export into a working React + Vite experience, wire up a clean component-driven UI, and structure the app so it can communicate engineering health at a glance. The biggest lesson was balancing design polish with real product storytelling: the interface needed to## Inspiration feel premium, but also explain a workflow that developers could actually use.

I built the project using React, TypeScript, Vite, and Tailwind CSS. The app presents a live-style coverage and automation dashboard with comparison views, telemetry-inspired cards, and trace-oriented status indicators. The challenge was not just styling the UI, but shaping it into a narrative that communicates how code quality, patching, and release confidence connect.

In the end, the goal was simple: help engineers understand whether a fix is working, what changed, and how confident the team should be. That’s the story behind CodePulse.