Nova Electricity Documentation

Smart Electricity Tracker

Smart Electricity Tracker is a modern frontend web application designed to help users monitor, calculate and optimize household electricity consumption through multiple interactive tools.

Instead of simply displaying electricity information, the application allows users to record their daily electricity usage, calculate appliance consumption, estimate battery backup, manage bill history, design their home's electrical layout and even create a complete solar installation plan using interactive drag-and-drop components.

The project has been developed entirely using HTML5, CSS3 and Vanilla JavaScript without using external frameworks.

Project Objectives

Technologies Used

Getting Started

Follow these simple steps before using Smart Electricity Tracker.

Recommended Workflow

Folder Structure

Smart-Electricity-Tracker

│

├── index.html

├── documentation.html

├── documentation.css

├── application-hub.html

├── add-usage.html

├── appliances.html

├── backup-planner.html

├── bill-history.html

├── Interactive_Home.html

├── Interactive_Home.css

├── Interactive_Solar.html

├── Interactive_Solar.css

├── solar.html

│

├── add-usage.js

├── appliances.js

├── backup-planner.js

├── bill-history.js

├── Interactive_Home.js

├── Interactive_Solar.js

├── solar.js

Electricity Usage Tracker

The Electricity Usage Tracker allows users to record their daily electricity consumption in a structured manner. Instead of simply entering the total electricity consumed, the application also allows users to divide their consumption into four different periods of the day.

This feature helps users understand when electricity consumption is highest and provides more accurate data for future analysis.

Required Inputs

Validation Rule

Before saving the record, the application automatically checks whether the total electricity entered matches the combined usage of all four time periods.

Morning

+

Afternoon

+

Evening

+

Night

=

Total Units

How It Works

1. Select a date.
2. Enter total electricity units.
3. Enter Morning, Afternoon, Evening and Night usage.
4. Application validates the values.
5. Record is saved into Local Storage.
6. The table updates automatically.

Key Features

• Daily usage recording
• Time-wise electricity tracking
• Automatic validation
• Recent entries table
• Delete records
• Automatic table refresh
• Persistent Local Storage

usageEntry

Appliance Consumption Calculator

The Appliance Consumption Calculator estimates the electricity consumed by household appliances based on their power rating and daily operating hours.

It automatically calculates both daily and monthly electricity consumption and stores every appliance permanently inside the browser.

Required Inputs

Calculations

Daily electricity consumption is calculated using the following formula.

Daily Units

=

(Power Rating × Hours Used)

----------------------------

1000

Monthly electricity consumption is estimated as

Monthly Units

=

Daily Units × 30

Feature Workflow

1. Enter appliance name.
2. Enter power rating.
3. Enter daily operating hours.
4. Consumption is calculated instantly.
5. Click Calculate & Add Appliance.
6. Appliance is stored permanently.
7. Total consumption updates automatically.

Key Features

• Real-time calculation
• Daily consumption estimation
• Monthly consumption estimation
• Total household consumption
• Delete appliances
• Automatic form recovery
• Automatic Local Storage saving

Local Storage

Power Outage & Backup Planner

The Backup Planner helps users estimate how long a battery backup system can power selected household appliances during a power outage. It also recommends the minimum battery capacity required for approximately four hours of backup.

Required Inputs

Battery Energy Formula

Battery Energy

=

Capacity × Voltage × Efficiency

Backup Duration Formula

Backup Hours

=

Battery Energy

--------------

Total Load

Recommended Capacity Formula

Recommended Capacity

=

(Total Load × 4)

---------------------------

Voltage × Efficiency

Results Generated

• Total appliance load (Watts)
• Estimated backup duration
• Recommended battery capacity

How to Use

1. Enter battery capacity.
2. Enter battery voltage.
3. Specify battery efficiency.
4. Select appliances.
5. Click Calculate Backup Duration.
6. Review the calculated backup time.

Bill History

The Bill History module allows users to maintain a digital record of electricity bills directly inside the browser. Instead of manually keeping paper records, users can store payment information and quickly review previous electricity bills whenever required.

Required Inputs

Feature Workflow

1. Select the bill month.
2. Choose the payment date.
3. Enter the bill amount.
4. Click Add Bill Record.
5. Record is stored in Local Storage.
6. Table updates automatically.

Key Features

• Digital bill storage
• Automatic history table
• Delete bill records
• Permanent browser storage
• Easy bill management

userData

Interactive Home Planner

The Interactive Home Planner allows users to visually design the electrical layout of their house by dragging appliances into different rooms. It estimates the electrical load, monthly electricity consumption, and estimated electricity bill based on appliance usage.

Module Overview

Available Rooms

Available Appliances

Interactive Home Planner Workflow

The planner follows a simple drag-and-drop workflow. Users place appliances inside different rooms, specify daily operating hours, and the application automatically calculates electricity usage statistics.

Complete Workflow

1. Open the Interactive Home Planner.
2. Select an appliance from the Appliance Library.
3. Drag the appliance into an empty room slot.
4. Choose the number of hours the appliance runs each day.
5. Repeat for all appliances in the house.
6. The analytics panel updates automatically.
7. The planner automatically saves all changes.
8. Refreshing the page restores the saved layout.

Analytics Panel

User Controls

Key Features

• Interactive drag-and-drop interface
• Multiple rooms for home planning
• Automatic electricity calculations
• Daily operating hour adjustment
• Automatic analytics updates
• Reset planner functionality
• Automatic Local Storage saving
• Automatic restoration after page refresh
• Energy planning recommendations
• Future AI optimization support

Data Storage

The Interactive Home Planner automatically saves every appliance placement and its operating hours inside the browser using Local Storage. Users do not need to manually save their work. Whenever the planner is reopened, the previously designed home layout is restored automatically.

interactiveHomePlanner

Calculations Performed

Planning Tips Displayed

• Keep refrigerators away from direct sunlight.
• Use LED lighting for better efficiency.
• Install air conditioners on insulated walls.
• Use dedicated electrical circuits for heavy appliances.

Planned Future Improvements

• AI-powered appliance placement recommendations.
• Automatic room energy optimization.
• Seasonal electricity consumption prediction.
• Smart wiring suggestions.
• Personalized energy-saving recommendations.
• Cloud synchronization using a backend database.

Interactive Solar Planner

The Interactive Solar Planner is an advanced visual planning tool that allows users to design a complete residential solar power system before purchasing any equipment. Users can drag and place solar panels, batteries and inverters onto a virtual rooftop, compare different system configurations, estimate electricity generation, calculate monthly savings and verify whether the selected inverter is suitable for the installed solar capacity.

Module Overview

Available Components

Feature Workflow

1. Open the Interactive Solar Planner.
2. Select any component from the Component Library.
3. Drag the component onto the rooftop.
4. Place additional solar panels to increase system capacity.
5. Add batteries for energy storage if required.
6. Select an inverter capable of supporting the installed panel capacity.
7. System statistics update automatically.
8. Planner saves the design automatically.
9. Refreshing the page restores the saved solar layout.

Analytics Panel

User Controls

Automatic Validation

Key Features

• Interactive drag-and-drop rooftop planning
• Multiple solar panel options
• Battery installation planning
• Inverter compatibility validation
• Automatic electricity generation estimation
• Monthly savings estimation
• Installation cost estimation
• Automatic analytics updates
• Automatic Local Storage saving
• Automatic restoration after page refresh

Data Storage

Every rooftop modification is automatically stored inside the browser using Local Storage. Users never need to manually save their design. Whenever the planner is reopened, the complete rooftop configuration is restored.

solarPlannerData

Calculations Performed

Solar Planning Tips

• Install solar panels facing maximum sunlight.
• Avoid rooftop shading whenever possible.
• Select an inverter matching the total panel capacity.
• Use lithium batteries for higher efficiency.
• Leave space between panels for maintenance.

Planned Future Improvements

• AI-powered rooftop optimization.
• Automatic panel angle recommendations.
• Weather-based electricity prediction.
• Shadow simulation.
• 3D rooftop visualization.
• Government subsidy estimation.
• Cloud synchronization.