/lightbox

Primary LanguageJavaScript

Lightbox

A light box galery done with Node.js and React. The gallery it shows the 100 most recent photos from flickr API. It loads more photos using the infinite scroll technique.

Demo

demo

Install in local enviroment.

  • npm install

Run in local enviroment.

  • npm run start-server - it starts the server in development mode
  • npm run start-client - it starts the client in development mode on http://localhost:3000/
  • npm run build-client - it builds the client files
  • npm start - it starts the server in production mode and server the static JS, and css files. Open http://localhost:8142/

Test in local enviroment. Type in the root folder of the project:

  • for eslint check: npm run linter

Libraries used for development

  • Redux used to manage the state of the project and to simulate the backend
  • react-redux React bindings for Redux.
  • body-parser Node.js body parsing middleware.
  • express Fast, unopinionated, minimalist web framework for node.
  • prop-types Runtime type checking for React props and similar objects.
  • react-app-polyfill This package includes polyfills for various browsers

Libraries used for testing

  • eslint ESLint is a tool for identifying and reporting on patterns found in ECMAScript/JavaScript code
  • eslint-config-airbnb This package provides Airbnb's .eslintrc as an extensible shared config.
  • eslint-plugin-jsx-a11y Static checker for accessibility rules on JSX elements.
  • eslint-plugin-react React specific linting rules for ESLint