Design comparison
Solution retrospective
Worked directly with React for the first time and used Main.tsx and App.tsx files to create my page. This was overkill for this solution but I wanted to get my eyes on a React project layout.
What challenges did you encounter, and how did you overcome them?Ran into an issue with how my chart (made with Chart.js) was being styled within the bottom flexbox of the component. Ended up having the mess with some margins and sizes that I would have rather not needed to change to get desired solution look.
What specific areas of your project would you like help with?I am aware the font sizes, margins, and paddings are not exact and am ok with that. Feel free to give me some input on any errors you notice or changes that you would make to improve the code.
Community feedback
- @khatri2002Posted 8 days ago
Hi! The developed solution looks really impressive! You've utilized the Chart.js library to render the bar chart, and it looks awesome!
However, it’s worth noting that the primary purpose of this challenge was to create the bar chart from scratch, as specified in the challenge description. While using libraries like Chart.js is an excellent practice for real-world applications, building a custom solution here will demonstrate your ability to handle such tasks independently and showcase your core skills in DOM manipulation, CSS, and JavaScript/React.
I would highly recommend building a custom bar chart by dynamically creating the bars and scaling them based on the data provided. This way, you’ll gain deeper insights into how visualizations are built from the ground up!
Amazing work so far! Keep going, and happy coding! 🚀
0
Please log in to post a comment
Log in with GitHub
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