Skip to content

gonchesan/react-calculator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

15 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

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

About

Calculator with a pokedex style, built with React. Go to calculate ๐Ÿ‘‡

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published