Calculator_app

This app allows users to compare energy usage and annual cost between different kinds of light bulbs.

Inputs

The app takes in Brightness in lumens, price in Kilo-Watt Hours and usage per day in hours.

Tools and Frameworks used

1. AngularJS
2. JavaScript
3. CSS
4. HTML

Usage

Download the file and open the index.html in a browser. You will see the app loaded with initial values. Change the input values and observe the output in each case. You can also view the live app at https://kem25.github.io/Calculator_app/.

Functionality

AngularJS is used to bind the input values to the variables and to render the respective output varaibles dynamically on the page after calculation without having to reload the entire page. The app is made responsive using media queries and hence is supported by any kind of device.

References

• AngularJS tuitorials
• A better way to learn angularJS
• Using media queries