git clone https://github.com/colealbon/naperville-lab.git
cd naperville-lab;
cp config/options.js.example config/options.js
npm install
npm start
node ./node_modules/babel-cli/bin/babel.js --presets react jsx --out-dir ./public/js
comment out stylesheets/wireframe.css in views/index.swig to remove menacing borders
- navigate to localhost:3000
- drag the colored dot around the screen
- open a new window at localhost:3000
- you should now have 2 dragable dots
- refresh button resets the dot positions
javascript program running under node.jsthe circle owned by the user should have a borderinput your name limited to 16 charactersthere must be at least 8 color patches to choose fromuser can select a color by clicking on one of the patchesdifferent users can be logged in on same machine or different machines- circle position communication between client and server must be through websocket
- when a user closes the browser tab, circle must disappear for other users
when a user logs in the initial screen must show all connected circles- when a user moves a circle, the circle must move on other user's screens
client side application must have no memory of the last userstore the users data on the server in volatile fashionserver side application must combine http and socket servers- the client should be able to run remotely from the server
server side file paths must be relative