This project implements an example chat application with Vieux architecture. It demonstrates how a complex, stateful application should be built.
You can review a running demo on http://vieuxio.github.io/example-chat-angularjs/.
Make sure you have grunt and bower installed:
$ npm install -g grunt-cli bower
Then clone project and install npm and bower dependencies.
$ git clone [email protected]:vieuxio/example-chat-angularjs.git
$ cd example-chat-angularjs
$ npm install
$ bower install
Now you are ready to run the project. After you execute this command, the project will start automatically on your browser.
$ grunt serve
This project provides a development web server that listens on port 1972.
Run the serve
task via grunt serve
and the project will be ready for development and inspection. Source files are symlinked, and the server watches for file changes with live reloading, so any change you make to the files under src
folder will cause an automatic reload.
When you are satisfied with development and want to make a production build in order to deploy the app, just run the build
task via grunt build
. This compiles your source code with UglifyJS and concats and minifies your CSS files producing one file for all your JavaScript codes and one CSS file for all your styles. This task then suffixes these files to evade browser caches. Finally, it minifies the output HTML.
You can publish auto-generated dist
folder to anywhere you want.
Happy coding!