Skip to content

A React-TS implementation of a calculator. Renders on deesktop and mobile.

License

Notifications You must be signed in to change notification settings

tln8679/my-react-caclculator

Repository files navigation

my-react-caclculator

Testing out Vite"s react-ts template with a simple beginner project from this app-ideas project.

Setup

It"s super simple! Clone this project. Run pnpm install, and then pnpm dev!

User Stories

  • User can see a display showing the current number entered or the result of the last operation.
  • User can see an entry pad containing buttons for the digits 0-9, operations - "+", "-", "/", and "=", a "C" button (for clear), and an "AC" button (for clear all).
  • User can enter numbers as sequences up to 8 digits long by clicking on digits in the entry pad. Entry of any digits more than 8 will be ignored.
  • User can click on an operation button to display the result of that operation on:
    • the result of the preceding operation and the last number entered OR
    • the last two numbers entered OR
    • the last number entered
  • User can click the "C" button to clear the last number or the last operation. If the users last entry was an operation the display will be updated to the value that preceded it.
  • User can click the "AC" button to clear all internal work areas and to set the display to 0.
  • User can see "ERR" displayed if any operation would exceed the 8 digit maximum.

Bonus features

  • User can click a "+/-" button to change the sign of the number that is currently displayed.
  • User can see a decimal point (".") button on the entry pad to that allows floating point numbers up to 3 places to be entered and operations to be carried out to the maximum number of decimal places entered for any one number.

About

A React-TS implementation of a calculator. Renders on deesktop and mobile.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published