Submitted over 1 year ago

Expenses Chart Component built with Chart.js

accessibility, chart-js, sass/scss, tailwind-css, bem

Daniel 🛸•45,030

@danielmrz-dev

A solution to the Expenses chart component challenge

Preview Code

Solution retrospective

🛸 Hello Front-End Mentor Community! I'm Daniel and this is my solution for this challenge! 😊

🛠️ Built with:

HTML 🧾
SASS 🎨
Tailwind 👾
JavaScript 🤖
BEM Notation 🅱️
Chart.js 📊
Mobile first workflow approach 📲

I could've done that chart using a bunch of divs but I decided to take the opportunity to practice chart.js. I almost regret that decision, because it took me two days to finish and it was much harder than I thought. But I'm glad I didn't give up because I ended up learning a lot and I'm happy with the final result.

Thanks to the Front-End Mentor team that create challenges that make us learn a lot from doing them. 💟

If you have any suggestions on how I can improve this project, feel free to leave me a comment!

Feedback welcome 😊

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Daniel 🛸's solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord