Cash register

This is a Keypad application that a user can use to total charges that their customers has paid for and display the total bill.

Features ✨

1. Display the current amount on the Keypad
2. Displays list of charges on the right side
3. Enter new charge using the Keypad
4. Edit the charge amount via the Keypad
5. Save the charge and the Charge list is updated
6. Display total of the charges at the bottom of the screen.

Tech Stack 🏗️

• React for the frontend and Typescript
• Styled-component for the styling.

How to run 🚀

1. Run git clone git@github.com:dennism501/cash-register-app.git
2. cd into the /src folder
3. Run npm install
4. The check for http://localhost:3000 in your browser

Challenges 🩹

1. 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.
2. 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.
3. 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.

Future Features 🚧

1. Given more time, fixing the user input of floats would be a good feature to complete the application requirements.
2. Feature suggestion, Add a decimal key on the keypad would help with the user inputing the decimal numbers with ease.