This is a simple AngularJS (version 1.2.16) solution tested in unit level (Jasmine + Karma) using TDD technique. The design was built using SASS and Flexbox - that provides a simple way to organise layouts. The dependency management is made by NPM and the the automation uses GruntJS.
Last but not less important: the response with route's information is mocked and managed by HttpStubberService - a custom service that is built on top of $httpBackend.
-
Install NVM to manage your Node version. This application was built using Node v0.10.40;
-
Install grunt: npm install -g grunt-cli
-
Clone the code from my repo (git clone https://github.com/jzimermann/web-code-challenge.git) or unzip the file with all the source code;
-
On the web-code-challenge folder, install all the dependencies by running: npm install
-
Start the app by running: grunt serve
-
If you make any change, you can also run the unit tests (to check the code coverage, you can navigate to build/test-results/coverage/PhantomJS\ 1.9.8\ (Mac\ OS\ X)/index.html): grunt test
-
Have fun! :)