https://github.com/nhope123/calculator
Calculator created with React and typescript
https://github.com/nhope123/calculator
calculator css-grid css3 html5 javascript math mathjs react typescript
Last synced: 5 months ago
JSON representation
Calculator created with React and typescript
- Host: GitHub
- URL: https://github.com/nhope123/calculator
- Owner: nhope123
- License: gpl-3.0
- Created: 2020-09-05T16:14:18.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2025-01-25T21:29:35.000Z (about 1 year ago)
- Last Synced: 2025-02-06T04:07:24.832Z (about 1 year ago)
- Topics: calculator, css-grid, css3, html5, javascript, math, mathjs, react, typescript
- Language: TypeScript
- Homepage: https://nhope123.github.io/calculator/
- Size: 3 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Calculator
Web base app for performing standard mathematical computations.
## Functions
### Computational functions include:
+ Multiplication
+ Division
+ Subtraction
+ Addition
### Additional function:
+ Clear / Reset
## Display
There is a two level display, one for immediate input and another for the acquired
equation. The acquired equation is located at the of the display screen followed by the
immediate input.
## Functionality
+ This Calculator can be operated by the click of Mouse, a Touch pad, the Tab button or a Numeric keypad.
+ Equations containing the following elements can be evaluated:
+ Multiplication
+ Division
+ Addition
+ Subtraction
+ Negative numbers
+ Positive numbers
+ Integer numbers
+ Decimal numbers
+ Integer number cannot begin with a zero.
+ Decimal number cannot begin with multiple zeros before the decimal point.
+ When consecutive computational operators are selected, the last operator is
used (excluding the negative (-) sign).
+ Selecting a computational operator after an equal operator will start a new equation containing the result from the previous equation.
+ Selecting a decimal point after an equal operator will start a new equation containing a decimal starting with a zero (0.).
+ Formula logic is used for this Calculator's logic, where order of operation precedence is observed.
## Implementation
The following languages, framework and libraries were used in the creation:
+ Html5
+ Css3
+ Grid box (for layout and responsiveness)
+ JavaScript ES6
+ React
+ [mathjs](https://mathjs.org/)
+ [create-react-app](https://github.com/facebook/create-react-app)
## Screenshot
## Credit
+ created by [Nial Hope](https://github.com/nhope123)
+ [Portfolio](https://nhope123.github.io/)
## Acknowledgement
Thank you to [Freecodecamp.org](https://www.freecodecamp.org/) for the project idea.
## License
Calculator is an open source software licensed as [GNU General Public License v3.0](LICENSE)