diff -r bd2f2c3f205c -r dd414da0f0bb client/annot-client/gulpfile.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/client/annot-client/gulpfile.js	Thu Jan 08 19:15:59 2015 +0100
@@ -0,0 +1,139 @@
+var gulp = require('gulp');
+var del = require('del');
+var gutil = require('gulp-util')
+var plugins = require("gulp-load-plugins")({lazy:false});
+
+var templateFolder = '../annot-server/webapp/templates/';
+var templateFileDest = '../annot-server/webapp/templates/annotationclient.html';
+var staticFolder = '../annot-server/static';
+
+var clientBaseName = 'app';
+var vendorBaseName = 'lib';
+
+gulp.task('clean', function (cb) {
+    del([
+        templateFileDest,
+        staticFolder + "/css/app*",
+        staticFolder + "/js/app*",
+        staticFolder + "/data/categories.json",
+    ],{'force':true}, cb);
+});
+
+var scriptsSrc = ['!./app/**/*_test.js','./app/**/*.js'];
+
+gulp.task('scripts', function(){
+    //combine all js files of the app
+    gulp.src(scriptsSrc)
+        .pipe(plugins.jshint())
+        .pipe(plugins.jshint.reporter('default'))
+        .pipe(plugins.jshint.reporter('fail'))
+        .pipe(plugins.concat(clientBaseName+'.js'))
+        .pipe(gulp.dest(staticFolder+'/js'))
+        .pipe(plugins.filesize())
+        .pipe(plugins.uglify())
+        .pipe(plugins.rename(clientBaseName+'.min.js'))
+        .pipe(gulp.dest(staticFolder+'/js'))
+        .pipe(plugins.filesize())
+        .on('error', gutil.log);
+});
+
+
+gulp.task('css', function(){
+    gulp.src('./app/**/*.css')
+        .pipe(plugins.csslint({ 'box-sizing': false }))
+        .pipe(plugins.csslint.reporter())
+        .pipe(plugins.concat(clientBaseName+'.css'))
+        .pipe(gulp.dest(staticFolder+'/css'))
+        .pipe(plugins.filesize())
+        .pipe(plugins.minifyCss({keepBreaks:true}))
+        .pipe(plugins.rename(clientBaseName+'.min.css'))
+        .pipe(gulp.dest(staticFolder+'/css'))
+        .pipe(plugins.filesize());
+});
+
+var vendorJSsrc = [
+  '!./bower_components/**/*.min.js',
+  '!./bower_components/bootstrap/Gruntfile.js',
+  '!./bower_components/bootstrap/grunt/*',
+  '!./bower_components/bootstrap/js/*',
+  '!./bower_components/jquery/src/**/*',
+  '!./bower_components/angular-bootstrap/ui-bootstrap.js',
+  './bower_components/jquery/dist/jquery.js',
+  './bower_components/angular/angular.js',
+  './bower_components/**/*.js'
+];
+
+gulp.task('vendorJS', function(){
+    //concatenate vendor JS files
+    gulp.src(vendorJSsrc)
+        .pipe(plugins.concat('lib.js'))
+        .pipe(gulp.dest(staticFolder+'/js'))
+        .pipe(plugins.filesize())
+        .pipe(plugins.uglify())
+        .pipe(plugins.rename('lib.min.js'))
+        .pipe(gulp.dest(staticFolder+'/js'))
+        .pipe(plugins.filesize())
+        .on('error', gutil.log);
+});
+
+gulp.task('vendorCSS', function(){
+    //concatenate vendor CSS files
+    gulp.src(['!./bower_components/**/*.min.css',
+        './bower_components/**/*.css'])
+        .pipe(plugins.concat(vendorBaseName+'.css'))
+        .pipe(gulp.dest(staticFolder+'/css'))
+        .pipe(plugins.filesize())
+        .pipe(plugins.minifyCss({keepBreaks:true}))
+        .pipe(plugins.rename(vendorBaseName+'.min.css'))
+        .pipe(gulp.dest(staticFolder+'/css'))
+        .pipe(plugins.filesize());
+});
+
+gulp.task('vendorFonts', function(){
+    gulp.src(['./bower_components/**/fonts/*'])
+        .pipe(plugins.flatten())
+        .pipe(gulp.dest(staticFolder+'/css/fonts'));
+});
+
+gulp.task('copy-index', function() {
+    gulp.src('./app/annotationclient.html')
+        .pipe(gulp.dest(templateFolder));
+});
+
+gulp.task('copy-data', function() {
+    gulp.src('./data/**/*')
+        .pipe(gulp.dest(staticFolder+'/data'));
+});
+
+gulp.task('copy-img', function() {
+    gulp.src('./img/**/*')
+        .pipe(gulp.dest(staticFolder+'/img'));
+});
+
+gulp.task('watch',function(){
+    gulp.watch([
+        templateFolder+'/**/*.html',
+        staticFolder+'/**/*.js',
+        staticFolder+'/**/*.css'
+    ], function(event) {
+        return gulp.src(event.path)
+            .pipe(plugins.webserver.reload());
+    });
+    gulp.watch(['./app/**/*.js','!./app/**/*test.js'],['scripts']);
+    gulp.watch('./app/**/*.css',['css']);
+    gulp.watch('./app/annotationclient.html',['copy-index']);
+    gulp.watch('./data/**/*',['copy-data']);
+    gulp.watch('./img/**/*',['copy-img']);
+
+});
+
+gulp.task('connect', function() {
+    gulp.src('build').pipe(
+        plugins.webserver({
+            port: 9000,
+            livereload: true
+        })
+    );
+});
+
+gulp.task('default',['scripts','css','copy-index','copy-data','copy-img','vendorJS','vendorCSS','vendorFonts']);