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 App

@DimiPavlov

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


Please do not hesitate to leave any comments or feedback that you have. Thank you so much.

Community feedback

mihed 60

@mihedH

Posted

good job! ps: the graph with different color should be the graph of today it's not static. I did the same challenge but I'm struggling with hosting it on github . any help?

0

@DimiPavlov

Posted

@mihedH Hi and thank you so much for your feedback, I haven't seen any requirements about the graph colors not being static. In regards to the hosting:

  1. Install 'gh-pages' as dev dependency
  2. In your package.json add "homepage": "http://${your GitHub name}.github.io/${your project name}",
  3. Add in your package.json script: "predeploy": "npm run build", "deploy": "gh-pages -d build",
  4. Push all your new changes to git
  5. Run: npm run deploy

Thant's all, if you need more help, please check that video: https://www.youtube.com/watch?v=Q9n2mLqXFpU

0
mihed 60

@mihedH

Posted

@DimiPavlov hi! thank you very much for your help, it worked and you can see my solution if you want! here's the requirement I'm talking about:

  • See the current day's bar highlighted in a different colour to the other bars

Marked as helpful

1

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