Node.js Material Starter Template

A quick and easy Node.js + Express + Pug + Material Design Lite template project.

Also available for Twitter Bootstrap.

Usage

• Clone repository.
• Open a command prompt, navigate to the folder, and enter: npm install
• Next, run the app by entering: node app
• Browse to http://localhost:3000

Preview:

Contents:

• layout.pug
• header.pug
• footer.pug
• links.pug
• index.pug

Editing Pages:

Edit views/index.pug to add your content. The default contents include:

extends layout

block content
  .mdl-grid
    .mdl-cell.mdl-cell--12-col
      h1 Program Name
      p Hello World

Adding Components

The template is compatible with all Material Design Lite UI components.

For example, to add a button to the page, edit index.jade and add the snippet:

button.mdl-button.mdl-js-button.mdl-button--raised.mdl-js-ripple-effect.mdl-button--accent
  | My Button

Author

Kory Becker http://www.primaryobjects.com/kory-becker