<p align="center">
<img src="preview/preview_large.png" alt="iweb-Caclulator" width="585">
</p>


<h2 align="center"> <img src="preview/app_title.png" width="340" /> </h2>

<p align="center">
    
 <a href="https://www.google.com/search?q=web">
    <img src="https://img.shields.io/badge/Platform-Web-yellow.svg?color=purple"
      alt="Platform" />
  </a>   
    
<a href="https://angularjs.org">
    <img src="https://img.shields.io/badge/Framework-Angularjs-yellow.svg?color=red"
      alt="Framework" />
  </a>
  	
  <a href="https://img.shields.io/github/repo-size/virtualvivek/iweb-calculator">
    <img src="https://img.shields.io/github/repo-size/vivekverma007/iweb-calculator.svg?color=orange"
      alt="Repo. Size" />
  </a>
   <a href="https://img.shields.io/github/repo-size/virtualvivek/iweb-calculator">
    <img src="https://img.shields.io/github/languages/code-size/vivekverma007/iweb-calculator.svg?color=yellow"
      alt="Code. Size" />
  </a>
  	<a href="https://opensource.org/licenses/MIT">
    <img src="https://img.shields.io/badge/License-MIT-blue.svg"
      alt="License:MIT" />
  </a>
  	<a href="https://img.shields.io/github/repo-size/virtualvivek/iweb-calculator">
    <img src="https://img.shields.io/badge/Release-v1.1-darklime.svg?style=flat"
      alt="Release" />
  </a>
  
  
   <a href="https://virtualize.netlify.com">
    <img src="https://img.shields.io/badge/⚡ live demo-here-green.svg?style=flat"
      alt="Demo" />
  </a>

</p>
<p align="center">
    ______  An ios-12 inspired ultra light web calculator  ______
</p>

<img align="left" src="preview/preview2.PNG" width="220" /> 

## Installation
Add `iweb-calculator` folder in your target project file. <br>
Include layout using a `preprocessor` language-
```php
<?php include 'iweb-calculator/calculator.html';?>
```

#### Requirements
```html
<script type='text/javascript' src='angular.min.js'></script>
```
### ⚡ Live Demo : [virtualiz.me/iweb-calculator](https://virtualize.netlify.com/)


### Usage
To use values returned by the calculator-
```js
use {{c_value}}

Eg: <input type="text" placeholder="Result" value="{{c_value}}"/>
```
OR through `ng` tag-
```js
ng-model="c_value"
```

 
### Social : ​​​​ 
[![Twitter](https://img.shields.io/badge/Twitter-@virtualvivek_-blue.svg?style=flat)](http://twitter.com/virtualvivek_)
[![Instagram](https://img.shields.io/badge/Instagram-@virtualvivek_-ff69b4.svg?style=flat)](http://instagram.com/virtualvivek_)



### Browser Compatibility
![Chrome](https://raw.github.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png) | ![Firefox](https://raw.github.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png) | ![Edge](https://raw.github.com/alrra/browser-logos/master/src/edge/edge_48x48.png) | ![Safari](https://raw.github.com/alrra/browser-logos/master/src/safari/safari_48x48.png) | ![Opera](https://raw.github.com/alrra/browser-logos/master/src/opera/opera_48x48.png)
--- | --- | --- | --- | --- |
Latest ✔ | Latest ✔ | Latest ✔ | 9.1+ ✔ | Latest ✔ |


## License

iwebCalculator is licensed under `MIT license`. View [license](https://github.com/virtualvivek/iweb-calculator/blob/master/LICENSE).<br>
Copyright (c) 2019-21 Vivek Verma
