Inspiration
Every developer has hit this wall: a CI/CD pipeline fails out of nowhere, logs flood the screen, and you’re left guessing what went wrong. I’ve personally spent hours debugging cryptic errors in GitLab pipelines, re-running jobs blindly, and tweaking YAML files, hoping for a green checkmark.
The process felt reactive, fragile, and manual. I wanted to build something smarter, a tool that could bring real-time intelligence, AI assistance, and calm to chaotic pipelines.
What I Built
GitLab CI/CD Assistant is an AI-powered CI/CD dashboard and assistant built for GitLab. It monitors pipeline performance live, analyzes failures using Google Cloud’s Vertex AI, and suggests actionable improvements, all with a beautifully responsive front end and real-time backend.
Core Features:
- Live Dashboard built with React + Tailwind, updating every 3 seconds with pipeline statuses
- AI-Powered Failure Insights via Google Vertex AI to explain why jobs fail and how to fix them
- Smart Metrics Engine that estimates health even when job-level logs are incomplete
- Natural Language Assistant to query issues and get deployment recommendations
- GitLab Sync powered by webhooks + GitLab REST API to ingest and analyze pipeline data
- Session-aware User Management with Google Auth and PostgreSQL
Tech Stack
- Frontend: React, TypeScript, Tailwind CSS, Radix UI, Framer Motion, Recharts
- Backend: Node.js, Express.js, PostgreSQL, Drizzle ORM, WebSockets, Passport.js
- AI: Google Cloud Vertex AI (Gemini / Text-Bison)
- DevOps: GitLab API, GitLab Webhooks, Google Cloud Run
- Tooling: Vite, Zod, react-hook-form, Embla Carousel, Lucide Icons
What I Learned
- Advanced pipeline analysis using GitLab APIs and failure logs
- Engineering scalable, real-time apps using WebSockets and PostgreSQL sessions
- Designing a cohesive UI with modern libraries like Radix, Framer Motion, and Tailwind
- Structuring AI prompts for code + YAML diagnosis using Vertex AI
- Building a cloud-native product deployed on Google Cloud Run
Challenges Faced
- Mapping raw job log data to user-readable insights
- Creating a live-sync dashboard without performance bottlenecks
- Balancing real-time UI with helpful visual simplicity
- Designing an AI feedback loop that’s helpful, not generic
- Building with future extensibility in mind (e.g., GitHub/GitHub Actions support)
What's Next
GitLab CI/CD Assistant currently supports GitLab, but its architecture is extensible. I plan to roll out support for GitHub Actions, Bitbucket Pipelines, and more, making it the go-to DevOps intelligence assistant across platforms.
This isn’t just a CI/CD tool, it’s an AI copilot for your release process.
Built With
- cloud-run
- drizzle-orm
- embla-carousel
- express.js
- framer-motion
- gitlab-api
- google-cloud-vertex-ai
- lucide-icons
- node.js
- passport.js
- postgresql
- radix-ui
- react
- recharts
- render
- replit-hosting
- tailwind-css
- typescript
- vite
- websockets
- zod
Log in or sign up for Devpost to join the conversation.