Skip to content

/Calculator

iOS Calculator Clone written in JavaScript with React
JavaScript CSS HTML
  1. JavaScript 69.7%
  2. CSS 20.3%
  3. HTML 10.0%
Branch: master
Find file
Clone or download

Clone with HTTPS

Use Git or checkout with SVN using the web URL.

Download ZIP

Launching GitHub Desktop...

If nothing happens, download GitHub Desktop and try again.

Launching GitHub Desktop...

If nothing happens, download GitHub Desktop and try again.

Launching Xcode...

If nothing happens, download Xcode and try again.

Launching Visual Studio...

If nothing happens, download the GitHub extension for Visual Studio and try again.

Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode Initial commit Apr 30, 2019
client Update index.html Jul 25, 2019
2019-05-16-17-25-44.png Added pic and deploy info to README May 17, 2019
LICENSE Initial commit Apr 30, 2019
README.md Update README.md Jul 25, 2019
netlify.toml Added toml file for Netlify deployment May 17, 2019

README.md

Calculator

iOS Calculator Clone written in JavaScript with React.

I had a lot of fun creating this and utilizing the Big.js library for helping handle the decimal points and arithmetic logic. I tried to get this as close as possible to the exiting iOS Calculator, even by making the button colors fade when pressed. Enjoy!

calc screenshot

Deployment

https://kfly-calculator.netlify.com/

Responsive to a variety of screen sizes! My favorite is using it like it's the size on the iPhone 8 Plus (414 x 736). You should be able to size it to whatever size you are comfortable with, but not any smaller than an average size smartphone.

Built With

For this application I built this entirely with the following:

Author

License

MIT License
Copyright (c) 2019 Kaitlyn Flynn

You can’t perform that action at this time.