An autonomous carbon intelligence platform that monitors, predicts, and reduces campus energy waste in real time.
# Install dependencies
npm install
# Start dev server
npm run dev
# → http://localhost:5173
# Build for production (Vercel / Netlify)
npm run build| Screen | What It Does |
|---|---|
| C3I Dashboard | Live energy graph, dept. breakdown, anomaly + task summaries, leaderboard |
| Anomaly Detector | Detects idle PCs, phantom loads, after-hours usage · AI Auto Mode sleeps devices automatically |
| Carbon Scheduler | Delays non-urgent tasks to low-carbon grid windows · shows CO₂ saved |
| Dept. Ledger | Per-department carbon budgets, efficiency scores, credit economy, lab drill-down |
| Blockchain Audit | Immutable Hyperledger Fabric transaction log · export audit certificate |
On the Anomaly Detector page, enable the AI Auto Mode toggle.
The AI engine automatically:
- Detects the highest-severity idle/phantom-load anomaly every 3 seconds
- Sends a sleep command to the affected devices
- Updates live kWh saved, CO₂ avoided, and action log in real time
| Layer | Technology |
|---|---|
| Framework | Vite + React + TypeScript |
| Styling | TailwindCSS (dark mode) |
| Charts | Recharts |
| State | Zustand |
| Icons | Lucide React |
| Fonts | Inter + JetBrains Mono |
Fully frontend-only — no backend, no API keys, no database. Deploys as a static site.
src/
├── App.tsx # Shell + tab routing
├── index.css # Tailwind + custom components
├── components/layout/
│ ├── Sidebar.tsx # Nav with anomaly badge
│ └── Topbar.tsx # Live energy + carbon intensity
├── data/mockData.ts # All simulated data & types
├── store/carbonStore.ts # Zustand state + auto-mode logic
└── pages/
├── Dashboard.tsx
├── Anomalies.tsx
├── Scheduler.tsx
├── Ledger.tsx
└── BlockchainAudit.tsx
npm run build
# Upload the dist/ folder to Vercel — no server config neededMIT — built for the Carbonix Ideathon prototype.