This is the Front-end for my Calculator Project, the back-end is in: https://github.com/andrade-filipe/calculator-back-end

Made with TypeScript and Angular

The Goal is to do a simple calculator that makes the calculations at the API

DisplayComponent: Keeps the mathematical expression updated to the user ✔️

PadComponent: User has the option to interact with a virtual keyboard ✔️

CalculatorComponent: Organizes Display and Pad to the view, also connects the other child components ✔️

CalculatorService: Communicate with the API ✔️

AppState Interface: is used to show the user if all was loaded correctly from the API ✔️

• Robust Error Handlers ✔️
• Wrong Characters ✔️
• Certificate if Mathematical expression being sent to the back-end is valid ✔️
• Could not connect with API ✔️
• HTTP Interceptor ✔️
• Snack-Bar shows that the system failed to the user ✔️
• RxJs reactive error handler operators for asyncronous elements ✔️

Permit the user to type the expression through the keyboard (not just the virtual one) and correctly send to the API ✔️

--> Sometimes <-- you have to click 2 times to clear, solve, or digit through the virtual pad ✔️(Solved)

the requests where being done out of order, so the user would experience some rollback, or wrong value displayed, that's solved ✔️