Jsfiddle, codepen,Jsbin like front end - Javascript

Question

I've created HTML/CSS/JS playground some well known playground like Jsfiddle, codepen,Jsbin etc.

i would like to know about, "how to save and load the workaround when the user logging in again?" i want user to save their workaround and let them resume from where they stopped.

what approach/idea/possible ways available for this?

do i need to know session/local storage very well?, if not, kindly share your experience. if possible pls share tutorial/example snippets or any other work around.

Note: before asking questions here, i have searched solution as much as i can. but not able to uderstand.

many thanks for any help.

Answer 1

Here are the options that you have:

If you want the data to be persistent for users then you need to implement user login and store their data in your database on the backend. That way they will still have it if they log in on a different browser or device.

If you use local storage then it will be saved only for that browser and and every time the user changes the browser the data will be lost.

If you don't want to implement your own backend then you can use something like Firebase or other solutions: see noBackend for more options and more info.

Another option is to use a solution described on StaticApps or unhosted which are very interesting ways to avoid using any backend logic in your apps but still keep some persistent state.