This is an example app that demonstrates a front-end build setup using Grunt, Bower, RequireJS, and AngularJS.
The application feeds in a JSON file that models a threaded discussion. The discussion thread structure is represented as a flat array with an adjacency list. The app converts this to a tree data structure to make it easier to pass off to a recursive template, which generates the thread's comment HTML snippets.
Note: the following requires that nodejs is installed, follow the node installation instructions for your system if needed.
Use npm install
to install the required node modules.
Use bower install
to install the required bower modules.
Use grunt development
to compile a development deploy in the www
directory.
Use grunt preflight
to compile a production deploy in the www
directory.
The opening screen, all discussion threads are collapsed.
Clicking on a discussion expands the thread.