amler / code-test

Code challenge

#Code Test

##Getting Started

In order to build this project's files you will need to have npm (the Node.js package manager), Grunt and Sass. With that in mind, follow the following steps:

1. Install npm by downloading and installing the appropriate package from Node.js's website.
2. Install Grunt by running sudo npm install -g grunt-cli or by following Grunt's installation instructions.
3. Install Sass by running sudo gem install sass or by following Sass's installation instructions.
4. After cloning the project's Git repository, run npm install on the cloned directory to install all of the project's Grunt dependencies.
5. Run grunt build to confirm that you can successfully build the project's files.

With all of the aforementioned dependencies installed, you're now ready to build this project's files.

##Grunt Tasks

• grunt build Creates a build directory, containing a fresh build of the project's files.
• grunt watch Watches when HTML, JavaScript or SCSS files are changed and updates HTML, JavaScript and CSS files within build directory. Press Control + C to stop watching files.

##Reviewer Notes

• I wrote my own Grunt build process from scratch rather than relying on a scaffolding tool like Yeoman in order to demonstrate my understanding of Grunt.
• I wrote my own SASS mixins rather than including a mixin library like Bourbon or Compass in order to demonstrate a better understanding of SASS.
• Since the provided design was based on a 960 grid, I elected to use Unsemantic (a fluid grid system that is the successor to the 960 Grid System).
• For a successful login, the username is 'heather' and the password is 'rocks'.