This is a submission for the AI Challenge for Cross-Platform Apps - WOW Factor
What I Built
I built ClimateIQ — an AI-powered climate intelligence platform that combines real-time satellite data, smart agriculture tools, and urban sustainability features into a stunning, cohesive experience. Think of it as a "climate command center" that empowers communities to understand, adapt to, and combat climate change.
The theme is environmental sustainability meets modern design — using a calming green gradient palette with clean card-based interfaces that make complex climate data accessible and beautiful. Every screen is designed to make users feel empowered rather than overwhelmed by climate information.
What makes it special:
- 6 Real-Time Data Layers on an interactive climate map (Temperature, Air Quality, Flood Risk, Solar Potential, Vegetation Health, Thermal Anomalies)
- AI-Powered Features using Google Gemini for personalized climate alerts, crop recommendations, and eco-tips
- Production-Quality UI with smooth animations, gradient headers, card shadows, and responsive layouts
- Real API Integrations — NASA FIRMS, OpenWeather, NREL Solar, Planet Labs, Storyblok CMS
Demo
🔗 GitHub Repository: https://github.com/omkardongre/ClimateIQ-App
🌐 Live WebAssembly Demo: roaring-gumption-b8bf96.netlify.app
Screenshots
Home Page - Feature Discovery
Interactive Climate Map - 6 Data Layers
Real-time visualization with NASA FIRMS fire data, air quality, flood risk
AI Climate Alerts - Gemini Powered
Personalized alerts with severity indicators and actionable recommendations
Smart Agriculture Hub - Multi-Agent AI
AI Crop Advisor
Carbon Calculator
Solar Irrigation Calculator
Urban Sustainability Hub
Waste Scanner, Solar Savings Calculator, AI Eco-Advisor, Smart Home Tracker
Waste Scanner
Solar Savings Calculator
AI Eco-Advisor
Community Hub - Storyblok CMS
Environmental events, news, learning modules
Cross-Platform Testing
ClimateIQ runs natively on multiple platforms from a single C#/XAML codebase. Here's proof of cross-platform functionality:
Linux Desktop (Ubuntu)
ClimateIQ running as a native desktop app on Ubuntu Linux with Skia renderer
WebAssembly (Browser)
Same app running in the browser via WebAssembly, deployed to Netlify
Platform Support
| Platform | Status | Notes |
|---|---|---|
| ✅ Windows | Working | Full desktop experience |
| ✅ Linux | Working | Skia renderer, tested on Ubuntu |
| ✅ macOS | Builds | Native macOS app (same codebase) |
| ✅ WebAssembly | Working | Browser-based, deployed to Netlify |
The Magic Moment: I wrote the interactive climate map visualization once — with custom data point rendering, layer toggles, and real-time API calls — and it worked identically across desktop and web. The Uno Platform's Skia renderer ensured pixel-perfect consistency.
# Build for any platform from the same codebase
dotnet run -f net9.0-desktop # Linux/Windows/macOS
dotnet run -f net9.0-browserwasm # WebAssembly
Interactive Features
🗺️ Interactive Climate Map
- 6 toggleable data layers with real-time API data
- Click-to-inspect data points with detailed info cards
- AI Analysis button generates Gemini-powered climate risk assessment
- Search area to fetch data for any location
🤖 AI-Powered Tools
- Multi-Agent Crop Advisor — 3 AI specialists (Soil, Weather, Market) analyze your farm
- AI Waste Scanner — Upload photos to identify waste type and get disposal instructions
- AI Eco-Advisor — Personalized eco-tips based on your location and weather
📊 Calculators & Trackers
- Solar Savings Calculator — 4-step wizard with NREL data integration
- Carbon Footprint Calculator — Farm emissions tracking with AI recommendations
- Smart Home Tracker — Electricity and water usage monitoring with appliance breakdown
- Solar Irrigation Calculator — Pump sizing and cost analysis for farmers
📚 Learning & Community
- Interactive Learning Modules — Climate basics and sustainability practices with lesson progression
- Community Events — Storyblok CMS integration with event images and registration
🎨 Visual Polish
- Gradient headers on every page
- Card shadows using ThemeShadow
- Smooth navigation with back buttons
- Responsive layouts that adapt to screen size
- Styled icon badges for cross-platform consistency
The Wow Factor
The moment that makes people say "Wow": Opening the Interactive Climate Map and seeing 6 different real-time data layers — fire hotspots from NASA satellites, air quality readings, flood risk zones, solar potential, vegetation health — all visualized on a single map, fetched from real APIs, running in a browser or on your desktop from the same codebase.
What I'm most proud of:
Real Data, Real Impact — This isn't mock data. Every data point comes from production APIs (NASA FIRMS, OpenWeather, NREL, Planet Labs). Users can actually use this to understand their local climate conditions.
AI That Helps — The Gemini integration provides genuinely useful recommendations. The Multi-Agent Crop Advisor doesn't just give generic advice — it considers your specific location, soil type, and market conditions.
Production-Quality UI — Every screen looks polished. The gradient headers, card shadows, consistent spacing, and thoughtful color palette create an experience that feels like a commercial product, not a hackathon project.
Comprehensive Feature Set — 5 major hubs, 10+ individual tools, real API integrations, CMS-powered content — all from a single Uno Platform codebase running on multiple platforms.
The "Wow" is the combination: Beautiful design + Real data + AI intelligence + Cross-platform magic = A climate app that actually makes you want to take action.
Built with Uno Platform, .NET 9, Google Gemini AI, and a passion for climate action. 🌍
Top comments (0)