This is a Keypad application that a user can use to total charges that their customers has paid for and display the total bill.
- Display the current amount on the Keypad
- Displays list of charges on the right side
- Enter new charge using the Keypad
- Edit the charge amount via the Keypad
- Save the charge and the Charge list is updated
- Display total of the charges at the bottom of the screen.
- React for the frontend and Typescript
- Styled-component for the styling.
- Run
git clone [email protected]:dennism501/cash-register-app.git
cd
into the/src
folder- Run
npm install
- The check for
http://localhost:3000
in your browser
- The biggest challenge i faced was getting the value of the button when it was created with Styled-component, but the fix was relatively easy.
- Styling, coming up with the right css for the design required planning before writing it. I utilized flex-box css which i am more comfortable using.
- Time, I struggled to fix it in the initial 3 hours because of the debugging and trying a way of handling floats in Typescript made took more time than initial stated.
- Given more time, fixing the user input of floats would be a good feature to complete the application requirements.
- Feature suggestion, Add a decimal key on the keypad would help with the user inputing the decimal numbers with ease.