EcoVision AI is a sustainability intelligence dashboard that helps users monitor, predict, and reduce their daily resource consumption. By combining real-time analytics, machine-learning powered forecasting, and actionable eco-recommendations, the platform empowers individuals and organizations to make smarter, environment-friendly decisions every day.
This project was developed during a hackathon with a strong focus on practical real-world impact — enabling users to visualize their energy, water, and carbon usage through an intuitive interface, while also guiding them toward meaningful reductions in waste.
🔗 Try it on Replit: https://replit.com/t/polaris/repls/EcoVisionAI
| Feature | Description |
|---|---|
| Real-time Dashboard | Visualizes energy, water, and carbon data trends with clean data components. |
| AI-Powered Usage Predictions | Uses ML forecasting to warn users about potential over-consumption before it happens. |
| Eco-Route Suggestion | Suggests lower-emission commuting options to reduce CO₂ output. |
| Secure User Authentication | Login system with encrypted credentials and session handling. |
| Modern UI/UX | Smooth animations, dark/light mode, adaptive layouts, and clean visual hierarchy. |
| Scalable Architecture | Modular backend & data layer — ready for campus, corporate, or city-level adoption. |
- React 18
- TypeScript
- Vite
- Tailwind CSS
- Shadcn UI
- TanStack Query (server-state caching)
- Wouter (lightweight routing)
- React Hook Form + Zod (form validation)
- Framer Motion (UI animations)
- Recharts (data visualization)
- Lucide React (iconography)
- Node.js 20
- Express.js
- Passport.js (authentication middleware)
- Bcrypt (password hashing)
- WebSockets (live dashboard updates)
- PostgreSQL 16
- Drizzle ORM (schema-safe TypeScript data layer)
- Vite + ESBuild (fast bundling & DX)
