Team Divider (Demo)

Presentation Slides

A web application to help activity organizer divide participants into different teams.

ScreenShots

Application page

Dependecies Required to Deploy

• Node.js v6.10.x
• MongoDB v3.4.x (We are currently using an online MongoDB service mlab, you need this dependency unless you want to use your own database)
• Yarn v0.23.x

How to Deploy

After you have installed Node.js and MongoDB make sure the node, mongod, yarn, and npm are in your $PATH environment variable. Then do the following steps.

# this will clone the 'submission' branch
git clone https://github.com/lightertu/TeamDivider <path>

# installing all the project dependencies
cd <path>/TeamDivider
npm install

# make sure mongodb is running
# sudo mongod

# to serve the web page
yarn start

It will be availible at

localhost:3000

More infomation

For more information is availible at Wiki

Technologies Deployed

• Scaffolding Tool:

  • React Redux Starter Kit

• Front-End:

  • Control
    • Reactjs
    • Redux
    • Immutablejs
    • React Drag and Drop
    • React Sticky Node
  • View
    • Material-UI
    • Semantic-UI

• Back-End:

  • Nodejs

• Database:

  • Mongodb

Possible Issues

Windows

If you get the error

Fatal Error: spawn cmd ENOENT

Add C:\Windows\System32\ to the PATH Environment variable

Future Features

• filtering and search based on questions in the survey on the group assignment page
• Smart Layout: generate different layouts given different group capacities
• Allow modifying activity infomation such as group capacity, total number of participants, on the grouping page