https://github.com/miguelsolorio/grunt-foundation-boilerplate

A simple foundation boilerplate for front-end projects
https://github.com/miguelsolorio/grunt-foundation-boilerplate

Last synced: 1 day ago
JSON representation

A simple foundation boilerplate for front-end projects

• Host: GitHub
• URL: https://github.com/miguelsolorio/grunt-foundation-boilerplate
• Owner: miguelsolorio
• Created: 2018-06-18T15:09:53.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-06-18T15:10:13.000Z (over 6 years ago)
• Last Synced: 2025-01-03T13:38:47.106Z (6 days ago)
• Language: JavaScript
• Homepage:
• Size: 73.2 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Grunt Foundation Boilerplate

Welcome to my responsive boilerplate! I've created this template for myself to help jump-start my web development process. This boilerplate runs on [Grunt](http://gruntjs.com/) and [Bower](http://bower.io/), which depend on [Node](http://nodejs.org/) and [npm](http://npmjs.org/). Ensure that you have Node and npm installed before you begin. Additionally, this project utilizes the following libraries:

- [Assemble](http://assemble.io/)

- [Foundation](foundation.zurb.com/)

- [RequireJS](http://requirejs.org/)

- [Modernizr](http://modernizr.com/)

- [jQuery](http://jquery.com/)

## Dependencies

### Installing Grunt

1. Change to the project's root directory.

2. Install the CLI by running: npm install -g grunt-cli

3. Install project dependencies with: npm install.

4. Run Grunt with: grunt.

5. For more details, visit [Grunt's website](http://gruntjs.com/getting-started).

### Installing Bower

1. Install Bower globally using npm: npm install -g bower

2. Install project dependencies with: bower install.

3. For more details, visit [Bower's website](http://bower.io/).

## File Structure

### HTML

All pages can be found under src > template > pages which use the default layout template found under src > template > layouts > default.hbs

### SASS

All CSS dependencies are imported at src > css > main.scss

### JavaScript

RequireJS handles all dependencies and are defined at src > js > config.js and included at src > js > app.js

## Build for Production

### Grunt Build

When you're ready to build for production simply run: grunt build and your files will be minified under the _public directory.

## Demo

- [miguelsolorio.github.io/grunt-foundation-boilerplate/](http://miguelsolorio.github.io/grunt-foundation-boilerplate/)