Skip to content
Submitted 8 months ago

Expense Chart Component | Built using HTML, CSS, and JavaScript

accessibility, bem
Stephen Ikuomola•610
@stephenikuomola
A solution to the Expenses chart component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

I was happy to have completed the project, although the way I solved it was not the way I initially set out to do it.

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

My ideal approach to this project was to use the fetch() API, but unfortunately, that did not come to fruition because the Parcel live server was just not loading the data I needed from the local JSON file. However, with VSCode's live server, it was not an issue. I ended up using es6 imports to get the data from there.

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

I would be happy if someone could help me figure out how to fetch or load local data using the fetch() API when working with a parcel live server.

I would also like any suggestions as to how I can improve my code.

Code
Loading...

Please log in to post a comment

Log in

Community feedback

  • P
    Darionas•450
    @Darionas

    Hello, Nice piece of art. How to fetch data localy from you root folder - you can look to my app.js file on GitHub https://github.com/Darionas/expenses-chart-component-main

    Happy coding ;)

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