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

Expense Chart

#axios#express#node#react#chart-js

@hetvipatel1318

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 am most proud of my ability to integrate complex data into a user-friendly chart interface in the chart project. This task required not only technical skills in using React and charting libraries like Chart.js but also a deep understanding of user experience principles to ensure that the data was accessible and understandable. The challenge of transforming raw data into visually appealing and interactive charts pushed me to explore advanced features of the charting library, which significantly enhanced the functionality and appeal of the project.

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

During the chart project, I faced several challenges, including integrating complex data sets into a user-friendly format, ensuring responsive design across multiple devices, configuring deployment on Google Cloud Platform, and managing evolving project scope and deadlines. I addressed these issues by thoroughly researching and selecting appropriate data visualization libraries like Chart.js, adopting a mobile-first design philosophy, leveraging GCP’s documentation and community resources for effective deployment, and implementing agile project management techniques to maintain flexibility and meet deadlines. These experiences enhanced my technical skills and improved my ability to manage complex projects and adapt to new challenges.

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