EdwardReed / javascript_pudding

Express + Backbone + React + Bootstrap

\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ ~~~~~~~~ Javascript Pudding ~~~~~~~~~
Express + Backbone + React + Bootstrap ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\

# Notable NPM Packages Used: ## Coffee-Script CoffeeScript is a little language that compiles into JavaScript. - https://www.npmjs.com/package/coffee-script ## Bluebird Full featured Promises/A+ implementation with exceptionally good performance. - https://www.npmjs.com/package/bluebird ## Lodash A JavaScript utility library delivering consistency, modularity, performance, & extras. - https://www.npmjs.com/package/lodash

Express

Fast, unopinionated, minimalist web framework. - https://www.npmjs.com/package/express

React

React is a JavaScript library for building user interfaces. - https://www.npmjs.com/package/react

Backbone

Give your JS App some Backbone with Models, Views, Collections, and Events. - https://www.npmjs.com/package/backbone

jQuery

JavaScript library for DOM operations. - https://www.npmjs.com/package/jquery

Browserify

Browser-side require() the node way. - https://www.npmjs.com/package/browserify

Gulp

The streaming build system. - https://www.npmjs.com/package/gulp

Reactify

Browserify transform for JSX (a superset of JS used by React.js). - https://www.npmjs.com/package/reactify

Bootstrap

The most popular front-end framework for developing responsive, mobile first projects on the web. - https://www.npmjs.com/package/bootstrap

React-Bootstrap

Bootstrap 3 components build with React. - https://www.npmjs.com/package/react-bootstrap

Coffee-React

Coffeescript compiler wrapper adding coffee-react-transform CJSX support. - https://www.npmjs.com/package/coffee-react

Envify

Selectively replace Node-style environment variables with plain strings. - https://www.npmjs.com/package/envify

#/////////////////////////// #~~~~~~~~~~~~ Get Started ~~~~~~~~~~~ #///////////////////////////\

##Install NPM Packages

npm install

###Run browserify/reactify/coffee transforms for the client

gulp

Run Express server on port 5000

In another terminal tab, type:

npm start

#Code for the world!

o               .        ___---___                    .
       .              .--\        --.     .     .         .
                    ./.;_.\     __/~ \.
                   /;  / `-'  __\    . \
 .        .       / ,--'     / .   .;   \        |
                 | .|       /       __   |      -O-       .
                |__/    __ |  . ;   \ | . |      |
                |      /  \\_    . ;| \___|
   .    o       |      \  .~\\___,--'     |           .
                 |     | . ; ~~~~\_    __|
    |             \    \   .  .  ; \  /_/   .
   -O-        .    \   /         . |  ~/                  .
    |    .          ~\ \   .      /  /~          o
  .                   ~--___ ; ___--~
                 .          ---         .              -JT

##Try using That Api with Javascript Pudding. ###Open to pull requests! Front-End best practices used: https://github.com/bendc/frontend-guidelines