Nexus-Ai

• 

  landing page

• 

  command centre

• 

  settings

• 

  action centre

• 

  analytics

• 

  alert

• 

  ai copilot

• 

  prediction

Inspiration

The inspiration for NexusAI stems from the increasing complexity of urban environmental management. As cities grow, the disconnect between raw environmental data and actionable policy becomes a bottleneck for sustainability. We wanted to build a "Control Tower for the Planet"—a tool that makes climate intelligence as intuitive as a financial dashboard, empowering city leaders to make data-driven decisions in real-time.

What it does

NexusAI is a comprehensive urban sustainability command center. It monitors critical environmental KPIs—Air Quality, Carbon Emissions, Energy Efficiency, and Water Conservation—using live simulation engines.

Key features include:

• Interactive Comparison Engine: Set custom sustainability targets and see real-time performance gaps.
• Predictive Analytics: 24-hour environmental timelines and 7-day sustainability forecasts.
• Nexus Copilot: A Gemini-powered AI briefing assistant for rapid operational queries.

How we built it

We architected NexusAI using a high-performance React + Vite foundation:

• Interactive Simulation: A custom-built state engine for real-time target-vs-performance analysis.
• Visualization: Leveraged Recharts for complex, responsive data storytelling.
• UI/UX: Bespoke design system in Vanilla CSS, focusing on a Linear-inspired dark mode aesthetic.

// Example of the dynamic comparison logic
const efficiencyGap = ((currentValue / targetValue) - 1) * 100;
console.log(`Current Sustainability Gap: ${efficiencyGap.toFixed(1)}%`);

Built With

• css3
• gemini-api
• html5
• javascript
• lucide-react
• react
• react-router
• recharts
• vite