Offline webapp with Angularjs

Question

Im creating a Angular Webapp, I need the application to work offline (most of the functionality). According to me almost all the data is required to use the app offline,

1. Angular JS files
2. Images
3. Css files

I read about IndexedDB, it shows we can store the data in object form (key/value pairs). How can i store all my other resources listed above ? Is there any better way to store offline data (local storage also gives only 5mb of storage).

Also read of cache manifest files , but seems thats not a very good way to store larger data.

Answer 1

Sounds like you need to look into manifest files instead of things like localForage. This way the browser will do all the CSS/HTML/JS bit for you.

See http://diveintohtml5.info/offline.html .

If you want to do full synchronisation of database like data you will have a lot more work in store for you though you can take a look at my library / bootstrap for this at https://github.com/forbesmyester/SyncItBootstrap