Node.js/Express website that is used for prototyping websites. Use this web application to convert your mockups into live code.
Includes:
- Grunt.js: Task runner for performing repetitive tasks like minification, compilation, unit testing, linting, etc.
- SASS: Pre-processing stylesheets that allows variables, mixins, inheritance with CSS.
- Normalize-css: CSS file that makes browsers render all elements more consistently and in line with modern standards.
- Prefix-free: Break free from CSS prefix hell by Lea Verou.
- Express.js: Node.js web application framework.
- Underscore.js: Utility-belt library for JavaScript.
- jQuery: Abstraction layer and toolkit for working with the DOM.
- EJS: Templating markup tool.
- Responsive Images: grunt-responsive-images for producing images at different sizes for mobile devices.
- Picturefill.js - Responsive images approach that can be used today to mimic the proposed picture element.
- download/install node.js
- download/install git
- clone this repo with git:
git clone https://github.com/slhernandez/WebPrototype.git
- go into the directory that was created by git:
cd WebPrototype
- install dependencies with npm:
npm i
- run it:
node app.js
- open http://localhost:5001 in a browser