All solutions

What are you most proud of, and what would you do differently next time?

Added some transition time to the switch from Dark to Light mode.

Added where the user can save the mode that they have selected, which saves in local storage.

Feedback Welcome, I struggled a little having the Figma design to Frontend. So my logic did not work as well. I also found this challenging, which was good for my learning

Feel free to leave a comment

In this application, which is built with Next.js, TypeScript, and Tailwind CSS

The bar chart visualizes spending levels, with a uniquely coloured bar indicating the present day, as determined by the user's local settings.

Users have the capability to:

Examine the bar chart and mouse over individual bars to display precise spending figures for each date. Distinguish the bar that represents the current day by its distinctive color. Experience a responsive design that adjusts the content layout for optimal viewing on their specific device screen. Interact with the page elements that display visual feedback when hovered over. Utilize the supplied JSON data file to automatically adjust the bar sizes on the chart based on the data.

Note: I did have issues compiling on Vercel but that was my fault for not compiling locally first. Once I did that, I could upload to Vercel

For me, this was my first project.

I think for me I need more structure in following the instructions. Every time I looked I had something missing.

Tailwind CSS was my choice, I was getting to learn that more and basic structure of a website.

I could not really get the text under "Great" to format like the picture.