ExpensesChart [React - Next.js - Tailwind CSS - TypeScript - Recharts]

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

In general, I am happy how the solution turned out. My main focus with this project was to practice charts in react & start working with TypeScript.

Built with

• React / Next.js 14 / TypeScript
• Mobile first approach
• Tailwind CSS
• Responsive design with Mobile, & Desktop view

What challenges did you encounter, and how did you overcome them?

As this was my first time using recharts library it was a bit time-consuming to get some of the styles right, but I think this is fixable with more practice.

Using TypeScript for the first time did get a bit tricky, so I decided to go with the simplest implementation of types etc.. instead of trying to pull off some overcomplicated best practices, which might not be necessarily needed for the scope of this project.

What specific areas of your project would you like help with?

Any and all feedbacks are welcome!

I would much appreciate any tips & tricks about:

• Charts in React;
• TypeScript in React.