The idea for this project came from wanting to build a website with a graph in React and Next.js. Furthermore, I had recently read a book on finance, and with this, I got the idea to build a compound interest calculator with a nice looking graph. Other compound interest calculators on the internet are pretty dull and I wanted to create one with better design and attractive transitions. For this, I used a charting library called Recharts and a motion library called Framer Motion, both built for React. The website's design, created by myself using Tailwind CSS, is fully responsive and carefully thought out because I like to try creating websites that look good. A lot of thought and effort went into designing the form for the calculator, including features such as input validation, disabled fields, and text selection to enable quick changes to inputs. I have also considered the user's perspective, assuming they may be unfamiliar with these concepts, and addressed this by providing clear explanations in the text and tried making an intuitive UI design. I also wanted to include some playfulness in the project, so I included a quote from Einstein on the website which slides in on hover (larger screens) and on click (smaller screens). Some say it takes three attempts to build something well, and this is the first time I really followed this philosophy for coding, and I am pleased with the result (first version). I also found it fun to study the formula for compound interest, now a few years after I completed university where I studied a lot of math. Lastly, as the project progressed, though it wasn't my initial idea, I wanted the website to motivate people to start saving more, and hopefully leveraging the power of compound interest.

Made by Philip Andersson, with an interest in tech and finance.

October 12, 2024. Stockholm, Sweden.