How sayuru99/energy_optimizer_webapp works
Apex Energy Optimization Portal is a frontend for factory managers to configure a garment factory, maintain its machine inventory, request an energy-cost optimization, and review savings on dashboards and reports. The main flow starts with sign-in, loads factory data, then moves through factory setup, machines, optimization, and reporting views. src/data/api.ts supplies either dummy-mode browser data or backend API calls. The README documents reports as demo data and describes the backend contract; excerpts do not show every API operation or report implementation.
Main entry points: App.tsx App workflow · api.ts Data API adapter · AuthContext.tsx Session context · Login.tsx Sign-in and signup
Components 13
Portal experience
- App workflow
src/App.tsx - Sign-in and signup
src/features/auth/Login.tsx - Session context
src/auth/AuthContext.tsx
Energy workflow
- Factory setup
src/features/factory/FactorySetup.tsx - Machine inventory
src/features/machines/Machines.tsx - Optimization schedule
src/features/optimization/Optimization.tsx - Energy dashboard
src/features/dashboard/Dashboard.tsx - Cost reports
src/features/reports/Reports.tsx
Data integration
- Data API adapter
src/data/api.ts - Backend API
Session and demo state
- Demo data file
public/dummy.json - Browser local storage
Other components
- Factory manager
Connections 19
- Factory manager → Sign-in and signup: signs in
- Sign-in and signup → Session context: submits credentials
- Session context → Data API adapter: authenticates
- Session context → Browser local storage: persists session
- App workflow → Session context: reads session
- App workflow → Data API adapter: loads portal data
- Data API adapter → Backend API: requests data
- Data API adapter → Demo data file: loads demo data
- Data API adapter → Browser local storage: reads and writes demo data
- App workflow → Factory setup: renders factory view
- App workflow → Machine inventory: renders inventory view
- App workflow → Optimization schedule: renders schedule view
- App workflow → Energy dashboard: renders dashboard view
- App workflow → Cost reports: renders reports view
- Factory setup → Data API adapter: updates factory
- Machine inventory → Data API adapter: manages machines
- Optimization schedule → Data API adapter: runs optimization
- App workflow → Energy dashboard: supplies loaded metrics
- App workflow → Cost reports: supplies report rows