https://github.com/autumnchris/calculator-vanilla-js
A front-end web app that does arithmetic operations equivalent to a simple calculator. Built with vanilla JS.
https://github.com/autumnchris/calculator-vanilla-js
babel calculator css css3 es6 freecodecamp html html5 javascript javascript-calculator-challenge js-classes sass scss simple-calculator the-odin-project theodinproject vanilla-javascript vanilla-js vanillajs webpack
Last synced: 21 days ago
JSON representation
A front-end web app that does arithmetic operations equivalent to a simple calculator. Built with vanilla JS.
- Host: GitHub
- URL: https://github.com/autumnchris/calculator-vanilla-js
- Owner: autumnchris
- Created: 2017-10-31T21:37:11.000Z (over 7 years ago)
- Default Branch: main
- Last Pushed: 2025-02-20T21:11:14.000Z (2 months ago)
- Last Synced: 2025-03-24T12:47:37.396Z (about 1 month ago)
- Topics: babel, calculator, css, css3, es6, freecodecamp, html, html5, javascript, javascript-calculator-challenge, js-classes, sass, scss, simple-calculator, the-odin-project, theodinproject, vanilla-javascript, vanilla-js, vanillajs, webpack
- Language: JavaScript
- Homepage: https://autumnchris.github.io/calculator-vanilla-js
- Size: 854 KB
- Stars: 3
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Calculator (vanilla JS)
A front-end web app that does arithmetic operations equivalent to a simple calculator. Built with vanilla JS.
Inspired by both the [Build a JavaScript Calculator challenge](https://learn.freecodecamp.org/front-end-libraries/front-end-libraries-projects/build-a-javascript-calculator) as part of the curriculum for the [Front End Development Libraries Certification](https://www.freecodecamp.org/learn/front-end-libraries) on [freeCodeCamp](https://www.freecodecamp.org) as well as the [Calculator assignment](https://www.theodinproject.com/paths/foundations/courses/foundations/lessons/calculator) as part of the curriculum for the [Foundations Course](https://www.theodinproject.com/paths/foundations/courses/foundations) on the [The Odin Project](https://www.theodinproject.com).
---
## Built With
* Vanilla JS
* JavaScript
* [Sass](http://sass-lang.com)
* CSS3
* HTML5
* [Node.js](https://nodejs.org/en)
* [Webpack](https://webpack.js.org)
* [Babel](https://babeljs.io)
* [Normalize.css](https://necolas.github.io/normalize.css)
* [Digital 7 font](https://www.dafont.com/digital-7.font)
* [Google Fonts](https://fonts.google.com)
* [Font Awesome](https://fontawesome.com)
## Demo
View project demo at [https://autumnchris.github.io/calculator-vanilla-js](https://autumnchris.github.io/calculator-vanilla-js).
## Instructions
After forking and cloning, navigate to the repository in your command line and install the NPM packages:
```
npm install
```
Run the following script in your command line to run the application:
```
npm start
```
Once the server is running, go to `http://localhost:8080` in your browser.
Before committing any changes, run the following script to update your static files for production:
```
npm run build
```