Coder Social home page Coder Social logo

tivrama / dcydr Goto Github PK

View Code? Open in Web Editor NEW

This project forked from centillionplus/dcydr

0.0 2.0 0.0 74 KB

Mobile web app helps groups make fast decisions. No download required

Home Page: https://binaryclock.herokuapp.com/

JavaScript 86.39% HTML 13.17% CSS 0.43%

dcydr's Introduction

DCYDR

DCYDR will allow your group to make a decision, quickly and easily.

Team

  • Product Owner: Joel
  • Scrum Master: Mario
  • Development Team Member: Ruth

Table of Contents

  1. Usage
  2. Requirements
  3. Development
    1. Installing Dependencies
    2. Tasks
  4. Team
  5. Contributing

Usage

A group is trying to decide whether or not to a do a particular thing (watch a particular movie, go out to dinner, etc.)

One person in the group goes to our site and sees View 1: Voting setup. They can incremenet or decrement the number of voters (the size of the group) at the top, then press the button to start the voting session.

The organizer is now see View 2: Voting session. Anyone who goes to the site at this time for the first time will also see View 2. Anyone who comes in can press the Yes or the No button once. Once it's pressed, the selected option will stay selected and the other option will be greyed out as indication of what they voted for. If at any time the cancel button is pressed by anyone, that voting session will be reset and anyone visiting the site will see View 1.

Once the vote count has reached the original number of voters set up by the organizer, everyone will see View 3 displaying the results. In order to reset for a new voting session they would need to press the cancel button, the same as before.

NOTE ON MVP: Anyone who visits our site will see the current group's session. Therefore in our first iteration only one group can be using the site at a time.

Requirements

  • Node
  • Express
  • Angular

Development

Installing Dependencies

From within the root directory:

npm install

Feature List

UI Features:

-All Views
  -Name of App - Header

-View 1
  - Voting instruction - “How many  people need to vote”
  -Counter - Keep track of number of voters
    -Decrementer
    -Incrementer
    -Display Current Count
  -Go Button - Start Voting - Route to next view if already on the site, defaults View 2 to newcomers
    -post # of voters


-View 2
  -Yes Button 
-Counts a Yes Vote
  - post vote
  -Some feedback - highlight button, message, something
-No Button
  -Counts a No Vote
  - post vote
-Some feedback - highlight button, message, something
-Cancel Button or Text
  -ask for confirmation(confirm)
  -Route back to View 1
  -Only for original User(optional)
  -Scraps votes
  - post cancel

-View 3
  -”The group votes:” show result of vote (Yes, No, Tie)
  -Done Button - goes back to View 1 after confirmation(confirm)
    - post done

Server:

-serve static files: html, css, any assets
-Keep track of votes - 
-Know number of voters
-Calculate results
-handle get and post
  - respond to get with state (view 1, view 2, view 3) and results when ready
  - respond to get with # voters (optional)
  - respond to post vote 301
    - tally vote
  - respond to post  cancel / done
    -scrap votes

User Views

You can see the UX/UI sketches of views 1, 2, and 3 here: https://drive.google.com/file/d/0ByfR6UjPYbmhSTcweVJaNjRwcWs/view?usp=sharing

  • NOTE: The numbers indicated by each UI component reference the numbers listed in the Architecture sketch, listed below.

Architecture

You can see the sketch of our client and server (and how they interact with each other) here: https://drive.google.com/file/d/0ByfR6UjPYbmhaS02R01OZEVsLW8/view?usp=sharing

Contributing

See CONTRIBUTING.md for contribution guidelines.

dcydr's People

Contributors

tivrama avatar royalbasmati avatar ruthmpardee avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.