Disclaimer: The design for this website was taken from Mohammad Ali. I converted it to a website with React.
Xpense is a budget tracker and analyzer. This project was built using React as a UI library and Chakra UI as a css framework. I find that using Chakra UI is helpful for small and fast prototyping projects. However, if you would like to build things for the long run then using tailwind css is much better in this situation. Another, thing I noticed is the documentation ins Chakra UI is lacking sometimes and I learnt from looking at code examples more than the documentation since sometimes it was not mentioned.
React.App.-.Google.Chrome.2022-09-21.22-28-18.mp4
The project was built using React as a frontend framework. Also, I used TypeScript to build components. Chakra UI was used as CSS framework. It is amazing what you can acoomplish in short time with it. However, I faced difficulities with since the documentaion doesn't describe it fully.