https://github.com/primaryobjects/node.js-material-starter-template
Node.js Jade Material Starter Template
https://github.com/primaryobjects/node.js-material-starter-template
css material material-design material-design-lite node node-js nodejs template
Last synced: 10 months ago
JSON representation
Node.js Jade Material Starter Template
- Host: GitHub
- URL: https://github.com/primaryobjects/node.js-material-starter-template
- Owner: primaryobjects
- Created: 2016-10-06T17:20:13.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2023-01-16T19:39:23.000Z (about 3 years ago)
- Last Synced: 2025-03-21T06:41:37.348Z (10 months ago)
- Topics: css, material, material-design, material-design-lite, node, node-js, nodejs, template
- Language: Pug
- Size: 56.6 KB
- Stars: 18
- Watchers: 4
- Forks: 6
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
Awesome Lists containing this project
README
Node.js Material Starter Template
===
A quick and easy Node.js + [Express](https://expressjs.com) + [Pug](https://www.npmjs.com/package/pug) + [Material Design Lite](https://getmdl.io) template project.
Also available for [Twitter Bootstrap](https://github.com/primaryobjects/Node.js-Bootstrap-Starter-Template).
## 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](https://getmdl.io/components/index.html) 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