globalavocado / Sort-and-Peace

'War and Peace'-themed Sortable.js demo with NodeJS backend

Sort and Peace

using SortableJS and mathJS for a fun little web app, themed around the three main characters of Leo Tolstoy's novel 'War and Peace': Pierre, Andrei and Natasha

specification

• photos of all 15 actors who have played one of these roles in the five film / TV adaptations of 'War and Peace' (excluding 1915), grouped into three sortable character areas
• dragging a photo into the drop area of the character triggers the loading of data attributes from the image (in future this will come from a database)
• the standard age deviation between actors and characters will automatically be calculated with a mathematical library

technologies used:

• sortable.js - because of its ability to restrict which photo can be dropped into which drop area, without jQuery
• maths.js - for the standard deviation calculations
• Express web framework and ejs templating engine
• flat-ui bootstrap
• TDD: Selenium, mocha, chai, grunt webdriver

how to install from scratch:

clone the repo and install the npm dependencies:

  ... $ git clone [e-mail]:globalavocado/Sort-and-Peace.git 
  ... $ npm install –d

start the Node server:

  ... $ npm start 

run the tests:

install Selenium globally and start Selenium server - in order for the following to work you need to have a Java Developer Kit (JDK) installed

  ... $ npm install -g selenium-standalone@latest
  ... $ selenium-standalone install
  ... $ selenium-standalone start

run the test suite:

  ... $ grunt 

but this will also work:

  ... $ npm test