keepcoding-prototype - Responsive Front-End Prototype

To get the job done, we need a solid foundation, and best practices by default.

Code Reuse

Rapid Prototyping

• Idea: requirements
• Sketch: paper
• Wirefrime: Balsamiq
• Prototype: Bootstrap

Start development environment

git clone 
npm install
npm start

Now you can go to http://localhost:3000/ with your web browser. Or http://localhost:3000/api/db to access database through API.

Get a list of the avaliable commands to run

npm run

Thanks to

• Bootstrap CDN
• Bootstrap Themes
• Bootstrap Snippets
• Moment.js

Todo

• Bootlint

• Customize Bootstrap Theme http://bootswatch.com/help/ http://www.smashingmagazine.com/2013/03/12/customizing-bootstrap/

• Best practice for managing JavaScript libraries

Gallery

Masonry layout grid and lightbox modal This layout mode allows placing image thumbnails in optimal, responsive grid, so your gallery will look like a stone wall, where gallery items will be stones. Also there is a slider lightbox popup for viewing them.