Toolset concept for a offline client based website with ember, handlebars and


#1

Hi ember community,

I need help to setup a client-side offline toolset to realize a responsive learning platform based on a website-application.


Requirements

• run in a webbrowser (has to run on IE11 and higher) • no .exe or ActiveX elements • a Database (no sql - only txt, xml, js or similar) • only one html site (index.html) with dynamic content • a template system {{mustache}} with extend templates (*.hbs for example) • no server, only cliend based (Windows later possibly Android) • no Memberlogin or encoding for the dataset in the database

optional • bootstrap or similar • font awesome or similar


My toolset concept

• HTML (index.html) • Javascript • jQuery • Semantic Ui, Bulma or Bootstrap • handlebars • ember • database - javascript files based on handlebars as a replacement for JSON


Has someone a idea whether that toolset work with that requirements?

My big problem is that I can not use a server to realize the dynamic content system with outsourced templates without to overcrow the index html file.

p.s. all templates could have a different layout apart from header and footer

Thanks for help


#2

Take a look at my https://github.com/broerse/ember-cli-blog example. If you don’t use a CouchDB backend it works offline the way you seem to want it.


#3

Thanks for the reply, I will test it! :slight_smile:


#4

Is it right, that I need node.js for emberCli? But node.js needs a webserver and emberCli this will not work for me because it has to be a offline website without a webserver. :frowning:


#5

Yes you need node.js for ember-cli but not for the site you build with the command ember build. But if you want to run from file:///C:/index.html it will not work because browsers restrict javascript use to avoid people mailing harmfull index.html files.

To make it more clear for you test this:

npm install -g http-server
ember build
cd dist
http-server

Go to http://127.0.0.1:8080