Baseline Time Machine – VS Code Extension

Extension visual code

🌍 About the Project

🇬🇧 Inspiration (English)

As a developer from Guayaquil, Ecuador, I’ve often faced the frustration of checking multiple sites — MDN, CanIUse, and blogs — just to know if a Web API is safe to use in production.

That constant uncertainty inspired me to build Baseline Time Machine — a VS Code extension that lets you travel through time and instantly see which APIs are safe for each year of the web’s evolution.

My goal: make web compatibility easy, visual, and accessible for everyone — starting from Latin America to the world.

🇪🇸 Inspiración (Español)

Como desarrollador de Guayaquil, Ecuador, muchas veces tuve que buscar entre páginas como MDN, CanIUse y distintos blogs solo para saber si una API web era segura para usar en producción.

Esa frustración me inspiró a crear Baseline Time Machine, una extensión para VS Code que te permite viajar en el tiempo y ver de forma instantánea qué APIs son compatibles en cada año del ecosistema web.

Mi objetivo: hacer que la compatibilidad web sea simple, visual y accesible para todos los desarrolladores — empezando desde Ecuador hacia el mundo.

⚙️ How it Works / Cómo Funciona

Baseline Time Machine:

🔍 Detects APIs that are not yet part of Baseline directly in your JavaScript or TypeScript code.
🕰️ Includes a time slider to explore compatibility across different years (2023–2025).
📊 Exports compatibility reports in CSV and HTML for teams or CI tools.
🧠 Displays warnings and insights directly inside VS Code as you type.

Todo ocurre en tiempo real — sin salir de tu editor.

🧠 What I Learned / Lo que Aprendí

Cómo integrar datos de Baseline y MDN en una herramienta real para desarrolladores.
Cómo crear diagnósticos y paneles web interactivos dentro de VS Code.
Cómo diseñar una experiencia centrada en el desarrollador, equilibrando simplicidad y precisión técnica.
Y sobre todo, cómo representar con orgullo el talento de Guayaquil y Ecuador en un proyecto global.

🚧 Challenges / Desafíos

One key challenge was that the official web-features dataset still lacks full since and status information — so I built a mock-data layer to simulate Baseline evolution between 2023–2025.

Esto permitió demostrar la funcionalidad completa de la extensión, sin depender de datos externos aún incompletos.

También optimicé el rendimiento de los análisis en tiempo real, asegurando que VS Code se mantenga rápido incluso al escanear miles de líneas de código.

🚀 What’s Next / Próximos Pasos

Connect with the real Baseline API (api.webstatus.dev) when it becomes available.
Extend the timeline beyond 2025 with predictive visualization.
Integrate the extension into CI/CD pipelines to alert teams about unsafe APIs.
Publish it officially on the VS Code Marketplace as an open-source project from Ecuador 🇪🇨.