An overview of how the site architecture of danbury.io contributes to allowing danbury.io to be continuous deployed. This first part covers a overview of the complete architecture and the tools used in the browser, server side and for data storage.

1. CONTINUOUS DELIVERY
FOR danbury.io
Brian R. Jackson
February 11, 2015

2. A QUICK DEMO

3. A DEVELOPER SERIES
• The Site Architecture
• Building, Running and Deploying
• AutomatedTesting
• Continuous Delivery
• Pull RequestTesting

4. SITE ARCHITECTURE
• Front-end design with Angular.js
• CSS simplified with Compass
• Back-end APIs with Node.js
• Data Storage with MongoDB

5. BUILD, RUN, DEPLOY
• Managing web dependencies
with Bower
• Building with Grunt
• Running locally with foreman
• Deploying to Heroku

6. TESTING
• Unit testing with Karma
• Behavior-driven development
with Cucumber
• Browser testing with Selenium

7. CONTINUOUS DELIVERY
• Code management with Git
• Collaborating using Github
• Test and Deploy with Snap-CI

8. PULL REQUESTTRACKING
• Developer submits a proposed change
• Automatically deploy an instance of
your application
• Manually test, validate, review before it
goes live on your site.

9. A DEVELOPER SERIES
• The Site Architecture
• Building, Running and Deploying
• AutomatedTesting
• Continuous Delivery
• Pull RequestTesting

10. SITE ARCHITECTURE
• Front-end design with Angular.js
• CSS simplified with Compass
• Back-end APIs with Node.js
• Data Storage with MongoDB

11. OPEN SOURCE!
• Didn’t start from scratch
• danbury.io is forked from
newhaven.io
• You can fork it too
• Sharing is caring!

12. ANGULAR.JS
• A templating language that runs in the
browser, not on the server.
• Automatic data-binding
• Controllers for behavior
• Server Communication
• Create reusable components
• Embeddable, injectable, testable

13. COMPASS
• Sass is an extension on top of CSS3
• Compass extends Sass
• Create sprites
• Add mixins
• Great for designers who want to
enforce vertical rhythm

14. GUMBY
• A CSS framework for responsive sites
• Extends Compass

15. NODE.JS
• Server-side JavaScript
• Built on Google’sV8 Interpreter
• dependency management with node
package manager (npm)

16. MONGODB
• An open-source JSON-style document
database
• Distributed: auto-sharding, replication,
high availability
• Flexible aggregation and processing
with map/reduce