BaselineBuddy

• 

  Here user paste their code then AI will analyse it

• 

  After analysis AI will prepare the detailed report

• 

  Report tells the baseline support in which browser

• 

  AI also fixes the code which perfoms better in baseline

About the Project: Baseline Buddy is an AI-powered web platform designed to make web development simpler and more future-ready. It helps developers instantly check if the web features they use are part of Baseline standards, understand browser support, and get AI-generated alternatives or explanations — all without needing installation or authentication.

What Inspired Us: We were inspired by how quickly modern web APIs evolve and how difficult it can be for developers to keep track of which features are safe to use. We wanted to create something that saves time and removes the friction of searching documentation repeatedly, while promoting adoption of modern, stable web technologies.

What We Learned: Through this project, we learned how Baseline data integrates with real-world web development workflows and how AI can make technical data more actionable. We also gained experience in prompt engineering with GPT-4o, asynchronous data handling, and designing developer-centric UX.

How We Built It: We built Baseline Buddy as a web app using React, GPT-4o (without authentication) for AI analysis, and Baseline’s open data for feature validation. The interface provides real-time scanning of code snippets and displays Baseline compatibility, risk levels, and suggestions in an agentic, interactive UI — simulating “real-time AI agents” working together.

Challenges We Faced: The biggest challenges were integrating Baseline data effectively, handling inconsistent API responses, and designing an engaging UI that still feels professional for developers. We also had to balance AI creativity with factual accuracy when suggesting fixes for unsupported features.

Built With

• openai
• react
• supabase
• typescript