https://github.com/farynaio/flickr-public-gallery

Infinite scroll implementation for Flickr Public Photo Feed API.
https://github.com/farynaio/flickr-public-gallery

bdd chai enzyme es6 express mocha node nyc react redux redux-saga responsive rxjs sass sinon tdd webpack

Last synced: 1 day ago
JSON representation

Infinite scroll implementation for Flickr Public Photo Feed API.

• Host: GitHub
• URL: https://github.com/farynaio/flickr-public-gallery
• Owner: farynaio
• License: bsd-2-clause
• Created: 2017-10-31T22:01:28.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2017-11-06T02:04:14.000Z (about 7 years ago)
• Last Synced: 2023-08-27T14:14:42.968Z (about 1 year ago)
• Topics: bdd, chai, enzyme, es6, express, mocha, node, nyc, react, redux, redux-saga, responsive, rxjs, sass, sinon, tdd, webpack
• Language: JavaScript
• Homepage:
• Size: 479 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Flicker Public Gallery

This is TDD implementation of responsive infinite scroll displaying feeds taken from [Flicker Public Photo Feed](https://www.flickr.com/services/feeds/docs/photos_public/).

Technologies used: React, Redux, Redux Saga, Rx.js, Webpack, Sass, Express, Node, TDD, Mocha, Chai, Enzyme, Sinon, Nyc and couple more.

[Live Demo](https://flickr-public-gallery.herokuapp.com)

## What it does?

It displays content of [Flicker Public Photo Feed](https://www.flickr.com/services/feeds/docs/photos_public/) in infinite scroll. When user browse through content, new content is simultaneously delivered making an illusion of infinity.

## How to run it?

Project is heroku ready. You can push it to your heroku account and it should work well. Before pushing to Heroku, make sure you build production bundle as described below.

This application requires installed [Node.js](https://nodejs.org).

This step is necessary for any further interaction with an app:

```npm install```

### To run tests & coverage

``` npm test ```

### To run in dev mode

``` npm start ```

### To build production bundle

``` npm run prod ```

After that you can open './dist/index.html' directly from your web browser or run ``` node server.js ``` and open http://localhost:5000 in your web browser.

## Ideas for improvement

* Fancier look & feel.

* Better, easier to maintain webpack config that combines dev and prod environments.

* Probably better image scaling policy.

* Probably better Sass structure.

* Add ESlint config, probably based on Airbnb.

* Add Webpack hot module replacement support in dev mode.

## Contribution

If you need some space for improvements, feel free to send me PR.

## Do you like it?

If yes, then give it star - thanks!