Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Expenses-chart-component

CMP2007 210

@CMP2007

Desktop design screenshot for the Expenses chart component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

I feel that I managed to solve this challenge in a very compact and simple way, however I suffered from quite considerable delays since I did not take the time to plan the structure of the element or its code before starting to work, that is why I found myself in the need to restructure certain segments of code several times, for my next practice I am going to take the time to analyze the challenge and plan what I will do instead of just jumping into writing code without contemplation

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

The biggest challenge I encountered was due to my own disorganization because at first I did not incorporate the pop-up text boxes into the design, but when I realized I tried to adjust the approach of the code I had at that time to incorporate these elements, which in the end It was just a waste of time, I finally found myself in the need to restructure the HTML, CSS and JS to be able to incorporate the missing elements in a good way.

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

This is the first time I have made a graph, which leaves me wondering if my solution is an appropriate way to graph data, or if, on the contrary, I am making some mistake, in the approach of my code or the way I work with data

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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