https://github.com/autumnchris/calculator-reactjs
A front-end web app that does arithmetic operations equivalent to a simple calculator. Built with React.js.
https://github.com/autumnchris/calculator-reactjs
babel calculator css es6 freecodecamp javascript javascript-calculator-challenge react reactjs sass scss simple-calculator webpack
Last synced: 2 months ago
JSON representation
A front-end web app that does arithmetic operations equivalent to a simple calculator. Built with React.js.
- Host: GitHub
- URL: https://github.com/autumnchris/calculator-reactjs
- Owner: autumnchris
- Created: 2018-06-15T13:48:40.000Z (about 8 years ago)
- Default Branch: main
- Last Pushed: 2025-02-16T18:06:15.000Z (over 1 year ago)
- Last Synced: 2025-02-16T19:21:09.666Z (over 1 year ago)
- Topics: babel, calculator, css, es6, freecodecamp, javascript, javascript-calculator-challenge, react, reactjs, sass, scss, simple-calculator, webpack
- Language: JavaScript
- Homepage: https://autumnchris.github.io/calculator-reactjs
- Size: 1.59 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Calculator (React.js)
A front-end web app that does arithmetic operations equivalent to a simple calculator. Built with React.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
* [React.js](https://reactjs.org)
* [Sass](http://sass-lang.com)
* JavaScript
* 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-reactjs](https://autumnchris.github.io/calculator-reactjs).
## 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
```