All solutions

This project took a lot longer than I expected. At first, I thought it would be a fairly straightforward way to practice styling with tailwind. It turns out, things like handling dates, creating custom error messages and creating functions to handle validity were a lot of work. Thankfully, the animation was easier than I expected.

This project was great for practice the setup of a basic website. In the future I would like to make more pages like this with things like tailwind or bootstrap.

This project was great for practicing layout and positioning. It took a while for me to get the arrows in the desktop version to stay aligned with the image in the about section without disrupting the whole layout.

It was also nice to figure out how to control the slideshow with keyboard presses. I usually don't use keyboard events with normal websites, so it was nice to have a reason to practice it again.

I had most of this project finished before realizing that the readme asks to handle the filtering in one of two specific ways. Once I realized this, I redid the code to make it dynamically create HTML based on the json data. I think that if I intended to do that at the beginning, my code would probably be more efficient! So please let me know on how I could've done the filtering better!

NOTE: I've gone back to this after a couple months and added a bunch of features to it It now allows for modifying balance/spending as well as dynamically displaying bars according to changes in balance/spending

I had most of the project done after an hour or two, but ended up spending a couple weeks trying to figure out the animations. Are there any better ways to handle the animations?