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

@CarolineLienard

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


First time using a local JSON file, and second time writing a little script. I also tried to improve my HTML/CSS skills using DRY method. This project was super fun :)

Community feedback

@NeilNeel

Posted

Hey @CarolineLienard! 👋 I just wanted to drop by and express my gratitude for your inspiring work on the challenge. I attempted to tackle the same challenge, and I must say, your solution was incredibly helpful in guiding me through the process. I learned so much by studying your approach, and it really expanded my understanding of front-end development.

Would you mind sharing some of the useful resources on YouTube? I'm always on the lookout for great learning materials. Looking forward to seeing more of your amazing work in the future.✨💻

1

@pradeeps4ini

Posted

This is great. A lot better than what i came up with. Your animations are smooth. Hover on the bars and the amount pop-up is amazing.

0

@CarolineLienard

Posted

@pradeeps4ini Thank you so much ! This challenge is not easy at all for a newbie, let's keep up the good work ✌️

0
NiyiCP 40

@NiyiCP

Posted

@CarolineLienard what are the resources you read or watched to come up with this ?

I wish I learned from you boss

0

@CarolineLienard

Posted

@NiyiCP Hi mate !

I used online course and youtube video but also consistent practice.

Don't hesitate to look how other people did it when you struggle. Not everybody have a clean code but I'm sure you can learn from it.

Whenever you have a question, google it. It need to be your first reflex.

Asking for comments here, on front end mentor, was also a really good thing !

Don't hesitate to ask any questions, if I can help, I'm happy ;)

1
NiyiCP 40

@NiyiCP

Posted

@CarolineLienard Thanks so much I do appreciate this a lot .

0

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