Skip to content

Latest commit

 

History

History
52 lines (39 loc) · 1.67 KB

README.md

File metadata and controls

52 lines (39 loc) · 1.67 KB

imagen-2021-03-18-110504.png

🧮 Calculator App

Calculator with a pokedex style, built with React. I use the Hooks API for practice, such as: useState, useEffect and useContext.

🚀 Demo

Here is a working live Demo.

💻 Set up

git clone https://github.com/gmsanchezgaray/react-calculator.git 
cd react-calculator
npm start

📑 About the App

🟧 Challenge

🔸 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 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 '<' 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.

📂 Folder Structure

.

├── public
├── src
| ├── assets
| ├── context
| ├── font
| ├── Pokedex
| | ├── Flex
| | ├── LeftPart
| | └── RightPart
| └── [...]
├── README.md
├── package-lock.json
├── package.json
└── yarn.lock