/clientside-got-playground

Client-side javascript playground with AngularJS, using Game of Thrones theme

Primary LanguageJavaScript

Client-side web application playground

This is a brief NodeJS/Grunt starter project, or a simple bootstrap, for web developers who just want to start simple from scratch. No fluff, just start coding right away on HTML5/CSS and Javascript as soon as you clone the project!

This version of the playground is using AngularJS and RequireJS as libraries for you to start up. It also has a unit test set up for you to get going with TDD.

The data used for character bios is courtesy of this project: https://github.com/johnHackworth/GameOfThrones

How To Dev

  1. Install NodeJS w. NPM if you haven't done so
  2. Install Grunt CLI with npm install -g grunt-cli if you haven't done so
  3. Install project dependencies with npm install
  4. Run grunt to start server, watch the files for changes, and browse to index

To get started look at app/index.html and app/main.js, the entry point for this client-side only web app. There is also a unit test readily available, at test/game-of-thrones/familyListCtrl.spec.js, that tests that the controller uses $http service correctly.

Implementation Details

This project is set up to use RequireJS and default Twitter Bootstrap from when you clone this repository. There is also code for you to start up with AngularJS and also includes Directives for Bootstrap's Components.

The Gruntfile is set up to the watch task. Javascript files are monitored by default and are running through JSHint. The default watch task also runs unit tests with Mocha and Chai by using the Karma test runner.

License

Creative Commons Attribution 4.0 International

This project, except for third-party tools and libraries used, is licensed under a Creative Commons Attribution 4.0 International license.