As a Frontend Developer, I want to implement the global color theme and app structure so that all pages visually match the mock-design pages exactly. Apply the SRD color palette: Background #F7F4E9 (Soft Solar Beige), Surface #FFF700 (Solar Yellow), Text #000000 (Deep Black), Accent #FF6F00 (Bright Solar Orange), Muted #A6A6A6 (Neutral Gray). Set up global styles, typography, spacing tokens, navigation structure, and remove any scaffold pages not present in the design. This task is independent of all others and must be completed first.
As a Backend Developer, I want to implement the Generation Log API using FastAPI so that users can POST daily kWh generation entries and GET their generation history, supporting both manual input and weather-preset-based simulation values stored in MySQL.
As a Backend Developer, I want to implement the Consumption Tracker API using FastAPI so that users can POST meter readings and GET net usage calculations (solar vs. grid), including over-generation/export-to-grid logic, stored in MySQL.
As a Backend Developer, I want to implement the Weather Presets API using FastAPI so that admins can CREATE, UPDATE, and DELETE weather presets (Sunny, Cloudy, Rainy) stored in MongoDB, and users can GET presets to simulate daily generation values in the GenerationLog.
As a Backend Developer, I want to implement the User Analytics API using FastAPI so that admins can GET aggregated app usage statistics and user behavior insights (e.g., frequency of log entries, active users) to be displayed on the UserAnalytics admin page.
As a Frontend Developer, I want to implement the Splash screen (v1 design) so that users see an animated intro with the ಸೂರ್ಯ ಶಕ್ತಿ branding and sun icon when the app launches. The page transitions to the Onboarding page. Implement based on the existing Splash (v1) JSX design.
As a Frontend Developer, I want to implement the Onboarding page (v1 design) so that new users can select their preferred language (Kannada or English) before reaching the Home dashboard. Implement a floating language toggle and smooth transition to the Home page. Based on the existing Onboarding (v1) JSX design.
As a Frontend Developer, I want to implement the Login page (v2 design) so that admin and household users can sign in securely. The page routes to AdminDashboard or Home based on role. Implement based on the existing Login (v2) JSX design.
As a Frontend Developer, I want to implement the Home dashboard page (v2 design) so that household users can view their solar progress, access GenerationLog, ConsumptionTracker, SavingsReport, PeakSuggestion, and Settings. Include the animated sun, interactive circular progress bar showing solar vs. grid ratio, and weather-based background changes. Implement based on the existing Home (v2) JSX design.
As a Frontend Developer, I want to implement the GenerationLog page (v2 design) so that household users can manually enter kWh produced by panels and apply weather-based automated presets (Sunny, Cloudy, Rainy) to simulate daily generation. Implement based on the existing GenerationLog (v2) JSX design.
As a Frontend Developer, I want to implement the ConsumptionTracker page (v1 design) so that household users can enter meter readings and view net energy usage (solar vs. grid). Implement based on the existing ConsumptionTracker (v1) JSX design.
As a Frontend Developer, I want to implement the SavingsReport page (v1 design) so that household users can view a 30-day report of electricity costs saved, including over-generation/export-to-grid scenarios and net savings calculations. Implement based on the existing SavingsReport (v1) JSX design.
As a Frontend Developer, I want to implement the PeakSuggestion page (v1 design) so that household users can view appliance usage tips and notifications suggesting the best time to use heavy appliances during peak solar hours. Implement based on the existing PeakSuggestion (v1) JSX design.
As a Frontend Developer, I want to implement the Settings page (v1 design) so that household users can toggle between Kannada and English languages seamlessly, and admins can configure app settings. The language toggle returns the user to the Home page. Implement based on the existing Settings (v1) JSX design.
As a Backend Developer, I want to implement the Savings Report API using FastAPI so that users can GET a 30-day electricity cost savings report based on generation logs and consumption data, applying a configurable per-unit rate and calculating net savings accurately.
As a Backend Developer, I want to implement the Peak Suggestion API using FastAPI so that the system can generate and serve appliance usage notifications/tips based on current solar generation levels and time of day, enabling the PeakSuggestion page to display actionable recommendations.
As a Backend Developer, I want to implement offline data queuing and sync logic so that users in areas with intermittent internet can log generation and consumption data locally (using local storage/Room-equivalent) and sync to the backend when connectivity is restored.
As a Frontend Developer, I want to implement the AdminDashboard page (v1 design) so that admins can view app usage statistics, monitor user behavior, and navigate to WeatherPresets and UserAnalytics. Implement based on the existing AdminDashboard (v1) JSX design.
As a Frontend Developer, I want to integrate the GenerationLog page with the Generation Log API and Weather Presets API so that users can submit kWh entries and apply automated weather-based presets, with real-time feedback and offline queue support.
As a Frontend Developer, I want to integrate the ConsumptionTracker page with the Consumption Tracker API so that users can submit meter readings and view dynamically calculated net usage (solar vs. grid) with over-generation handling.
As a Frontend Developer, I want to integrate the SavingsReport page with the Savings Report API so that users can view an accurate 30-day savings report with net savings calculations and export-to-grid data.
As a Frontend Developer, I want to implement full Kannada + English bilingual support across all app screens using a localization library so that users can switch languages seamlessly via the floating language toggle in Settings and Onboarding, with all UI strings translated.
As an AI Engineer, I want to integrate Google Nano Banana AI to dynamically generate weather-based background images (sunny, cloudy, rainy) so that the Home page background changes based on the selected weather preset, enhancing the Living Solar Dashboard experience.
As a Frontend Developer, I want to implement the WeatherPresets page (v2 design) so that admins can view, add, and edit weather presets (Sunny, Cloudy, Rainy) used for simulating daily solar generation. Implement based on the existing WeatherPresets (v2) JSX design.
As a Frontend Developer, I want to implement the UserAnalytics page (v1 design) so that admins can view user behavior analytics and app engagement insights. Implement based on the existing UserAnalytics (v1) JSX design.
As a Frontend Developer, I want to integrate the WeatherPresets admin page with the Weather Presets API so that admins can view, create, edit, and delete weather presets with live data from MongoDB.
As a Frontend Developer, I want to integrate the UserAnalytics admin page with the User Analytics API so that admins can view real-time app usage statistics and user behavior insights.

Unlock the full potential of your rooftop solar. Track generation, optimise consumption, and save on electricity bills every month.
Manage your solar energy in three simple steps
Record your daily solar energy output in kWh. Track how much clean energy your rooftop panels produce each day.
Start Logging→Enter your meter readings to monitor energy consumption. See your solar vs. grid usage ratio at a glance.
Track Now→Access your 30-day savings report. See how much you have saved on electricity costs and your net energy balance.
View Savings→Peak Solar Hours
Great time to run your AC! Solar generation is at its highest right now — use heavy appliances to save on grid costs.
Select a weather preset to simulate daily solar generation
Clear skies expected. Optimal solar generation day!
No comments yet. Be the first!