Personal webpage project built on React-Gulp boilerplate

live on manideepbollu.herokuapp.com

This simple react project uses the following:

• React (0.14)
• Express (4.x)
• Browserify (12.x) + Babelify, Reactify, Minifyify (when $NODE_ENV equals production) and Watchify
• Gulp
• gulp-live-server (which includes LiveReload for client-side js/css)
• SASS

Gulp tasks

$ gulp js

Generate app/static/js/bundle.js from app/client/app.js using Browserify.

$ gulp css

Generate app/static/css/main.css from app/client/stylesheets/main.scss using SASS.

$ gulp serve

Runs js and css tasks and subsequently starts the Express app (app/server/index.js) and installs watchers for frontend and backend file changes.

Directory structure

.
├── README.md
├── gulpfile.js
├── package.json
└── app
    ├── client
    │   ├── app.js         // React entry point
    │   ├── components     // React components
    │   │   └── app.jsx
    │   └── stylesheets    // SASS stylesheets
    │       └── main.scss
    ├── server
    │   ├── index.js       // Express entry point
    │   └── routes
    │       └── index.js
    └── static
        ├── index.html
        ├── css
        │   └── main.css   // Generated by SASS
        └── js
            └── bundle.js  // Generated by Browserify