After you've completed the steps below for the installation, if you want, take a look at the tutorial for a walkthrough and explanation of creating a sample web site based on this source code. The tutorial is set up with milestone markers in it that are placeholders for steps along the way. There are branches called "milestone-1", etc. that match up with the corresponding areas in the tutorial. There is also branch called "finished-app" that contains the code that matches up with the finished tutorial.
After pulling the project from Github, you will need to setup your local environment to work with Node, Bower, and Grunt. If you don't already have it installed, please install Node now.
After Node is installed, install Bower and Grunt. These should be installed as global packages:
npm install -g grunt-cli
npm install -g bower
Finally, install dependencies with the following commands (from the root of fresco-bakery):
npm install
bower install
Running grunt serve will build assets and serve them from a static web server.
It will also automatically watch your files for changes and recreate assets when needed.
You can also build static assets for distribution and serve them with a local
web server by running grunt serve:dist.
The tests will be run each time a file in the project is saved. You can also view
them in a browser when running a serve task by visiting:
http://localhost:9001/test.html
The following are the main Grunt tasks for the project:
dist: Create a static distribution of the project filesserve: Serve files using local web serverserve:dist: Build files as you would fordist, then serve them locallytest: Do a single run through the project tests
This project has an EditorConfig file that helps specify how whitespace should be handled in different types of files. It is highly recommended that you install an EditorConfig plugin for the application that you develop in.
This project is setup to use JSHint to make sure JavaScript files follow the same convention. It is recommended to install a plugin that will automatically lint your files as you are developing.
You can lint the project files with grunt jshint.
For help with this project, here are some helpful websites: