A simple web app that retrieves recently tagged Instagram photos. Implemented with React, Flux and Express.
The front-end is built with React, Yahoo's isomorphic Flux implementation - Fluxible, and Material Design. Client side routing is done with Routr Plugin for Fluxible.
Server side, Instagram Grid is built with the Express web framework.
http://instagram-grid.herokuapp.com
- Install brew
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
- Install git and node.
brew install git node
- Checkout out project.
git clone https://github.com/mistermendez/instagram-grid.git
- Run local server.
cd instagram-grid
make install build gulpserve
- Open in browser.
##Project Layout
- /images - application image assets
- /src - JavaScript source files. Flux architecture
- /actions - helper functions that pass data to the dispatcher
- /components - modular components of pages
- /services - api services to fetch data
- /stores - store application state and logic that reacts to data events
- /views - page views
- /styles - src (less, scss, sass) stylesheets, styles for individual components should be broken out and put in the components folder. They can be included in the build using an @import statement