DailyUI 004 - Calculator

On Day 4 of the DailyUI challenge, the prompt was to create a calculator. Initially I was a bit lost on what to create because I didn't want to just recreate the generic calculator. Having a think about it I realized a student loan repayment calculator I interact with a lot is not very user-friendly at all.

This was the perfect project! All the components were there and I just had to simplify it to finish it within my time limit. There were 4 main sections on the original page, and I simplified this into 3 main sections and tried to make a 7 shaped user flow. Ideally this would help to guide the user on how to navigate through the page.

This went right up until the last second and I almost thought I wasn't going to finish but somehow it came together at the last moment.

Enjoy!