This is a student-built sustainability dashboard for the University of Wisconsin-Madison. It provides visualizations and analytics for electricity usage across residence halls, helping the campus community make more energy-efficient choices.
- 📊 Energy Usage Visualization: Dynamic charts showing monthly KWH consumption.
- 🧠 Insights & Stats: Metrics like cost per KWH, KWH per sq ft, and energy usage per person.
- 🏆 Leaderboards: See which buildings are consuming the most energy.
- 🧩 Modular Components: Built with reusable components and clean UI patterns.
- 🕓 Date Range Selector: Choose custom time periods for analysis.
- 🌎 Partner Highlight: Showcases collaboration with UW offices like Sustainability and Housing.
- 📡 Live API Integration: Data pulled from AWS Lambda/DynamoDB backend.
- Frontend: React with Tailwind CSS, Shadcn, Framer Motion
- Charts: Recharts + custom animated components
- Icons: Lucide-react
- Backend: AWS Lambda functions (REST API)
- Database: DynamoDB
-
Clone the repo:
git clone https://github.com/your-org/uw-energy-dashboard.git cd uw-energy-dashboard -
Install dependencies:
npm install
-
Start dev server:
npm run dev
-
Environment Config (optional): You can create a
.env.localfor API keys or local endpoints.
- Real-time data refresh with WebSockets
- Custom analytics for dorm managers
- Integration with water/heat metrics
- Dark mode toggle
This dashboard was created by the DSSD Madison student team in collaboration with:
- UW-Madison Office of Sustainability
- UW Housing
- UW-Madison Facilities Planning & Management
If you're a student, faculty, or staff member with ideas or feedback, feel free to reach out or contribute!
If you find a bug or issue, head over to the Issues tab and create a new one — we'll take care of it as soon as possible!