Calculator with a pokedex style, built with React. I use the Hooks API for practice, such as: useState, useEffect and useContext.
Here is a working live Demo.
git clone https://github.com/gmsanchezgaray/react-calculator.git
cd react-calculator
npm start
🔸 User can click a '+/-' button to change the sign of the number that is currently displayed.
🔸 The Calculator doesn't use the eval()
function to execute calculations
🔹 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 '<' button (for delete the last number), and an 'C' 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 see 'ERR' displayed if any operation would exceed the 8 digit maximum.
🔹 The user can click the 'C' button to erase the last number or undo a mistake.
.
├── public
├── src
| ├── assets
| ├── context
| ├── font
| ├── Pokedex
| | ├── Flex
| | ├── LeftPart
| | └── RightPart
| └── [...]
├── README.md
├── package-lock.json
├── package.json
└── yarn.lock