MVP Features

Our MVP is a beautiful drag and drop web app which can manually separate people into different groups. Which is available at.

localhost:3000/activity/cis422

Awesome features

• Real time on mouse over popups displays participants information gives our user an intuitive way to make decision
• In the group cards, we display aggregated information about the number of the group members who know a programming language and common time.
• Awesome GitHub programming language color map. Pretty much covers all programming languages.

What does not work

• The day use in that application is randomly generated for demo purpose.
• The filter bar is not working yet.
• Sending email button isn't hooked up with the back-end yet.
• Responsive Webpage (Does not work well in small windows) Using our app in mobile isn't the common case

MVP Strcuture

src/routes/Activity/
├── components
│   ├── ActivityView.js
│   ├── FilterMenu
│   │   ├── FilterMenu.js
│   │   └── index.js
│   ├── GroupCard
│   │   ├── GroupCard.js
│   │   ├── MatchingStatusSegments
│   │   │   ├── AvailabilitySegment.js
│   │   │   ├── SkillCountSegment.js
│   │   │   └── index.js
│   │   ├── assets
│   │   │   └── emptySpot.png
│   │   └── index.js
│   ├── ParticipantListSidebar
│   │   ├── ParticipantListSidebar.js
│   │   └── index.js
│   ├── ParticipantProfilePopup
│   │   ├── ParticipantProfilePopup.js
│   │   └── index.js
│   └── smartLayoutParams.js
├── constants
│   └── ParticipantTypes.js
├── containers
│   └── ActivityContainer.js
├── index.js
└── modules
    ├── LanguageColorMap.js
    ├── UserGenerator.js
    ├── actions.js
    └── reducer.js