Client: Sunny Sanwar (USA)
Industry: Environmental Data Analytics / Energy Policy
Platform: Angular Frontend, SQL Server Backend, Power BI, WordPress
- Project Title:
Full-Stack Dashboard with Power BI Reporting for Energy & Emissions Data
- Objective:
To design and implement a robust, scalable, and interactive dashboard for visualizing greenhouse gas emissions, energy policies, and transportation data—enabling real-time insights and API connectivity for a government energy initiative.
- Project Description:
The client required a complete solution to display, filter, and manage energy policy data via a web interface and integrate interactive Power BI dashboards for emissions tracking. The system needed to:
- a) Migrate from Excel data to SQL database.
- b) Display data in categorized tabs (Energy Star, Energy Policy, Building Emissions, Transportation).
- c) Integrate with live APIs (e.g., DSIRE, DOE) and custom internal APIs.
- d) Provide an admin dashboard with user authentication.
- e) Allow dynamic filtering and Power BI chart rendering from both local and live data.
- Tools & Technologies Used:
- a) Frontend: AngularJS, HTML5, CSS3, JavaScript
- b) Backend: .NET Core, Node.js, Express
- c) Database: SQL Server
- d) BI Tool: Microsoft Power BI
- e) Collaboration: GitHub, Skype, Dropbox, Google Docs
- f) Hosting: dynmhx-api.com
- Key Features Implemented:
- a) Tab-based dynamic Angular UI with form submissions and data filters
- b) Power BI dashboards using Excel and then real-time SQL DB data
- c) WordPress plugin integration for animated announcements
- d) API-driven dropdown filtering and emission calculation interface
- e) Admin panel for managing building and transportation policies
- f) Live sync capabilities (planned): DSIRE & NREL data feeds
- Challenges Faced & Solutions:
| Challenge |
Solution |
| API Unreliability (DSIRE, DOE) |
Developed Local API Mirror System |
| Live Dataset Integration |
Used database-backed dropdowns + Power BI integration |
| Multi-tab Navigation in Power BI |
Created top navigation buttons replacing default page navigation |
| Angular + Power BI data sync |
Implemented Excel-to-DB migration and tested with parameterized charts |
- Outcome & Benefits:
- a) Successfully published on: https://dynmhx-api.com/#/
- b) Improved stakeholder decision-making with visual dashboards
- c) Enabled client to manage all datasets via backend CMS
- d) Established ongoing collaboration and future feature roadmap
- e) Positioned Database School as a versatile solution provider for data-heavy full-stack applications
- Client Testimonial (Summary):
“Looks great, thanks… Works like a charm… I appreciate your effort and the continuous collaboration.”