v0.1 - eShell - A player for eLearning Courses

  * Wrapper - This is the shell that allows to navigate through different templates and interact with it.
  * Drag & Drop - Create directives for jQueryUi Draggable and Droppable to drag/drop any valid HTML element.
  * Fill in the Blanks - Use angular's form validation
  * Ordering Image - Reuse same directives used in drag&drop template.
  * Multiple Choice Question - Use ng-click to toggle tile selection and incorporated jPlayer directive to play audios.

Author: codef0rmerz

Gruntfile.js

@@ -0,0 +1,185 @@
+module.exports = function( grunt ) {
+  'use strict';
+  //
+  // Grunt configuration:
+  //
+  // https://github.com/cowboy/grunt/blob/master/docs/getting_started.md
+  //
+  grunt.initConfig({
+
+    // Project configuration
+    // ---------------------
+
+    // specify an alternate install location for Bower
+    bower: {
+      dir: 'app/scripts/vendor'
+    },
+
+    // Coffee to JS compilation
+    coffee: {
+      dist: {
+        src: 'app/scripts/**/*.coffee',
+        dest: 'app/scripts'
+      }
+    },
+
+    // compile .scss/.sass to .css using Compass
+    compass: {
+      dist: {
+        // http://compass-style.org/help/tutorials/configuration-reference/#configuration-properties
+        options: {
+          css_dir: 'temp/styles',
+          sass_dir: 'app/styles',
+          images_dir: 'app/images',
+          javascripts_dir: 'temp/scripts',
+          force: true
+        }
+      }
+    },
+
+    // generate application cache manifest
+    manifest:{
+      dest: ''
+    },
+
+    // headless testing through PhantomJS
+    jasmine: {
+      all: ['test/**/*.html']
+    },
+
+    // default watch configuration
+    watch: {
+      coffee: {
+        files: '<config:coffee.dist.src>',
+        tasks: 'coffee reload'
+      },
+      compass: {
+        files: [
+          'app/styles/**/*.{scss,sass}'
+        ],
+        tasks: 'compass reload'
+      },
+      reload: {
+        files: [
+          'app/*.html',
+          'app/styles/**/*.css',
+          'app/scripts/**/*.js',
+          'app/images/**/*'
+        ],
+        tasks: 'reload'
+      }
+    },
+
+    // default lint configuration, change this to match your setup:
+    // https://github.com/cowboy/grunt/blob/master/docs/task_lint.md#lint-built-in-task
+    lint: {
+      files: [
+        'Gruntfile.js',
+        'app/scripts/**/*.js',
+        'spec/**/*.js'
+      ]
+    },
+
+    // specifying JSHint options and globals
+    // https://github.com/cowboy/grunt/blob/master/docs/task_lint.md#specifying-jshint-options-and-globals
+    jshint: {
+      options: {
+        curly: true,
+        eqeqeq: true,
+        immed: true,
+        latedef: true,
+        newcap: true,
+        noarg: true,
+        sub: true,
+        undef: true,
+        boss: true,
+        eqnull: true,
+        browser: true
+      },
+      globals: {
+        jQuery: true
+      }
+    },
+
+    // Build configuration
+    // -------------------
+
+    // the staging directory used during the process
+    staging: 'temp',
+    // final build output
+    output: 'dist',
+
+    mkdirs: {
+      staging: 'app/'
+    },
+
+    // Below, all paths are relative to the staging directory, which is a copy
+    // of the app/ directory. Any .gitignore, .ignore and .buildignore file
+    // that might appear in the app/ tree are used to ignore these values
+    // during the copy process.
+
+    // concat css/**/*.css files, inline @import, output a single minified css
+    css: {
+      'styles/main.css': ['styles/**/*.css']
+    },
+
+    // renames JS/CSS to prepend a hash of their contents for easier
+    // versioning
+    rev: {
+      js: 'scripts/**/*.js',
+      css: 'styles/**/*.css',
+      img: 'images/**'
+    },
+
+    // usemin handler should point to the file containing
+    // the usemin blocks to be parsed
+    'usemin-handler': {
+      html: 'index.html'
+    },
+
+    // update references in HTML/CSS to revved files
+    usemin: {
+      html: ['**/*.html'],
+      css: ['**/*.css']
+    },
+
+    // HTML minification
+    html: {
+      files: ['**/*.html']
+    },
+
+    // Optimizes JPGs and PNGs (with jpegtran & optipng)
+    img: {
+      dist: '<config:rev.img>'
+    },
+
+    // rjs configuration. You don't necessarily need to specify the typical
+    // `path` configuration, the rjs task will parse these values from your
+    // main module, using http://requirejs.org/docs/optimization.html#mainConfigFile
+    //
+    // name / out / mainConfig file should be used. You can let it blank if
+    // you're using usemin-handler to parse rjs config from markup (default
+    // setup)
+    rjs: {
+      // no minification, is done by the min task
+      optimize: 'none',
+      baseUrl: './scripts',
+      wrap: true,
+      name: 'main'
+    },
+
+    // While Yeoman handles concat/min when using
+    // usemin blocks, you can still use them manually
+    concat: {
+      dist: ''
+    },
+
+    min: {
+      dist: ''
+    }
+  });
+
+  // Alias the `test` task to run the `mocha` task instead
+  grunt.registerTask('test', 'jasmine');
+
+};

README.md

@@ -0,0 +1,18 @@
+#eShell 
+A player for eLearning Courses created to learn AngularJS.
+
+#Why?
+Because I wanted to try out AngularJS.
+
+#What?
+* [AngularJS](http://angularjs.org/)
+* [Twitter Bootstrap](http://twitter.github.com/bootstrap/)
+* [Underscore.js](http://underscorejs.org/)
+* [jQuery](http://jquery.com/)
+* [jQuery UI](http://jqueryui.com/)
+* [jPlayer](http://jplayer.org/)
+
+#How?
+You need to have [yeoman](http://yeoman.io/) installed to run it. Finally just run: 
+
+ $ yeoman server