Skip to content
Submitted about 3 years ago

Responsive Invoice App Using JQuery

Tanner Kopelā€¢320
@tankop1
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Invoice app
  • HTML
  • CSS
  • JS
5guru

Design comparison

SolutionDesign

Solution retrospective

Does anyone have any advice for how to use the browser's local storage to save information from the app even after the page is reloaded? Also, there is a weird bug where after an invoice is edited, the edit, delete, and mark as paid buttons are moved upward. Any suggestions for how to stop this bug?

Also, is there any way to edit a JSON file with JavaScript? I feel like this would be an easier alternative instead of using a database to store data from this app.

Community feedback

  • Daveā€¢5,295
    @dwhensonPosted about 3 years ago

    Hey @tankop1 - regarding local storage, I find myself referring back to the following articles pretty often on how to set and get data:

    https://gomakethings.com/using-localstorage-to-save-user-data-with-vanilla-javascript/ https://gomakethings.com/how-to-update-localstorage-with-vanilla-javascript/

    Not sure if that's the kind of information you were looking for?

    Marked as helpful
    1
  • Yasmineā€¢700
    @Yasmine10Posted about 3 years ago

    Hi @tankop1, You could store the data in an array instead of a json file, that way you can edit your data.

    Also the website looks great!

    1

Please log in to post a comment

Log in with GitHub

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