Not Flickr

An example app using an antique Flickr API to demonstrate modern front end engineering techniques.

Features

• High performance view layer via React.js
• Server side rendering via Node.js
• Progresive enhancement (sort of works without javascript)
• Next generation javascript (es6/7) in a functional lisp-like style thanks to Babel, Ramda and Immutable.js
• Unidirectional dataflow with Flummox
• Integration tests with Nock and Supertest
• BDD specs with Mocha and Chai
• Sweet development workflow with Webpack and Gulp
• Event sourced with live debugging
• Continuous integation / deployment with CircleCI and Heroku

Play

It's on heroku

Requirements

• node.js

Install

$ git clone git@github.com:Dakuan/not-flickr.git
$ npm install
$ npm install gulp -g

Run

$ gulp

Live Debug

All interactions are sent to the server via websockets. You can listen in on another users session:

1. open the app with a debug flag
2. copy the debug token
3. open another tab with the debug flag
4. paste the debug token into the form field and press enter / click the bug button
5. profit.

Todo:

• slicker animations and what not
• error handling
• live debug
• gzip assets
• deploy to heroku
• add CI
• try out Code Climate