Skip to content

elizabetholsavsky/calculator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

31 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Description

This simple calcualtor application was built alongside WebDevSimplified with html, CSS, and React. No additional libraries were used for calculations.

elizabetholsavsky github io_calculator_

Table of Contents

Contributing

'The Perfect Beginner React Project by WebDevSimplified

'Learn useReducer In 20 Minutes' by WebDevSimplified

Additional Resources :

Objectives

I chose this tutorial to help me pratice the basics of React as well as state management. This was also my first time building a calculator application.

Learning Outcomes

This tutorial helped me get started in React by practicing re-renders, state management, and breaking down code into components. Additionally, the userReducer hook was used to handle the state transitions based on different actions. The reducer takes the current state and an action as input and returns the new state. I watched the video 'Learn useReducer In 20 Minutes' by WebDevSimplified to help me understand this new concept. A common approach for handling different action types are switch-case statements, although it can also be implemented with other techniques or patterns.

Usage

Calculator is able to add, subtract, multiply, and divide multiple step equations. DEL (delete) deletes a single digit and AC (all clear) clears all digits and calculations.

Edge cases addressed:

  • Only one zero is permitted before decimals, and each operand can only have one decimal.
  • Newly typed digits overwrite previous calcuations. (example: I calculate 10+2=12, when I type 3 the display reads '3' not '123')
  • Integer values are formatted with commas. (Decimals do not receive additional formatting.)

License

MIT License

Contact

Releases

No releases published

Packages

No packages published