This is a submission for Weekend Challenge: Earth Day Edition

What I Built

For this Earth Day challenge, I set out to solve a core problem in environmental science: we have petabytes of climate data, but a massive bottleneck in actionable synthesis.

I built GaiaOS - The Planetary Intelligence Engine, a "god-tier" interactive command center concept designed for climate scientists, urban planners, and green tech companies. It serves as a unified hub where complex environmental metrics are visualized in real-time, and more importantly, actively parsed by an AI agent to offer sustainable strategies.

Featuring a deeply immersive glassmorphic UI, smooth micro-animations, and a terminal-style developer security gateway, GaiaOS is both visually captivating and functionally robust.

Demo

Exploring the Planetary Engine

Below are the core interfaces of the application. (Please drag and drop the screenshots of the Gemini Oracle and the Auth0 M2M Terminal here before publishing!)

You can pull down the repository and run it locally yourself using the Vite dev server!

Code

(Alternatively, if the embed tag doesn't work out of the box, here is the direct link: GaiaOS GitHub Repository)

How I Built It

I engineered GaiaOS over a high-velocity weekend sprint, keeping both performance and aesthetics at the forefront.

• Vite + React Core: Choosing Vite ensured the application is incredibly fast and highly optimized. It allowed for rapid module-reloading during the intense UI development phase.
• Immersive Design System: To establish a true enterprise feel, I opted out of standard component libraries and meticulously crafted a custom design system using Vanilla CSS. I implemented heavy use of "Glassmorphism" (complex backdrop blur overlays), distinct space-dark palettes, and modern typography pairs (Inter & Outfit).
• Alive UI with Framer Motion: The interface utilizes AnimatePresence to orchestrate fluid, buttery-smooth page transitions that make the application feel truly 'alive.'
• Simulated Data Engineering: I utilized Recharts to demonstrate how incoming large-scale data (conceptualized via Snowflake) could be beautifully charted—comparing metrics like Global Carbon Offsets vs. Renewable Energy Adoption.

Highlighted Technical Decisions:

I strongly believe that AI agents must be fundamentally secure. Building the Auth0Gate component was an exciting challenge. Instead of a typical login page, I built an interactive Terminal Simulator that visually replicates an OAuth 2.0 Machine-to-Machine (M2M) handshake. It proves the concept of how a sensitive Planetary Oracle should enforce strict scopes before accepting queries.

Prize Categories

I am proudly submitting GaiaOS for the following prize categories:

• Best Use of Google Gemini: The core intelligence loop of GaiaOS is powered directly by the official @google/generative-ai SDK. By connecting to gemini-1.5-flash, the Gemini Oracle component acts as a high-speed planetary analyst, streaming actionable sustainability answers dynamically to the user interface.
• Best Use of Auth0 for Agents: I tackled this category by creating an immersive developer integration flow. The app demonstrates the architectural concept of securing AI models by explicitly simulating an M2M JWT negotiation handshake before unlocking access to the Gemini endpoint.
• Overall Earth Day Winner: Combining highly topical "green tech" focus with a god-tier presentation.

Built by Sivakumar for the DEV Weekend Challenge: Earth Day Edition. Let's protect our planet! 🌍
*Built with ❤️ for the Planet.