You can use Javascript to save to localStorage which allows you to store a fair amount of data locally. The amount differs between browsers, but I believe it’s generally between 2MB and 5MB which is typically more than enough.
Here’s some documentation by Mozilla on localStorage:
https://developer.mozilla.org/en/docs/Web/API/Window/localStorage
And here’s a table of storage capacity for localStorage on different browsers:
http://dev-test.nemikor.com/web-storage/support-test/
The basic syntax is as follows:
// Data to store locally
var data = {
foo: 'bar',
bar: 10
};
// Set some localStorage called 'myData' equal to the data object above
localStorage.setItem('myData', data);
// Get the data back out of localStorage
var savedData = localStorage.getItem('myData');
// Log it to the console
console.log(savedData);
// { foo: 'bar', bar: 10 };
I hope this was helpful.