react-reflux-super-fantastic-shop-demo

A super fantastic demo shop making use of the incredible powers provided by:

• react
• reflux
• react router

demo page

Built with:

• npm and gulp development/watch/livereload and production tasks
• browserify for module loading
• react + react router
• bower to add vendor libaries - currently pulling in pure css
• CSS loaded via browserify for react components + sass for global (SMACCS + BEM + Suit CSS influenced)
• es6 transpiling via babelify

Placeholder images courtesy of lorem pixel

Project Setup:

Run these commands to get started:

Install node packages

$ npm install

Project tasks:

Run development task (watches source files, starts server with livereload):

$ npm start

Open browser: http://localhost:8080/

or to specify dev server port:

$ gulp --port 3030

Open browser: http://localhost:3030/

Run build task (minifies scripts):

$ npm build

TODOS:

• add product details page
• add router page transitions
• tidy up basket styles
• add subtle UI animations