This is the submission code for the final assessment project for Udacity's React & Redux course.

The name of the Project is: Would You Rather. Its a game where participants ask would you rather questions and answers them. A Learderboard tracks the score of each participant based on how many questions they have asked and answered.

Instructions for running this Project:

• install all project dependencies with npm install
• start the development server with npm start or yarn start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

Primary technology: React & Redux.

Supporting: Bootstrapped with Create React App.

├── CONTRIBUTING.md
├── README.md - This file.
├── package.json # npm package manager file.
├── .gitignore
├── public
│   ├── favicon.ico # React Icon as favicon.
│   ├── index.html # DO NOT MODIFY
│   └── manifest.json
└── src
    ├── components
    |   └── App.js # This is the root of app.
    |       |── PrivateRoute.js #wraps NewQuesttion & LeaderBard to force login if not
    |       |── QuestionBoard.js (Tab for Unanswered/Answered)
    |       |    └── QuestionsUnanswered.js 
    |       |        └── QuestionDisplay.js + button to answer
    |       |    └── QuestionsAnswered.js
    |       |        └── QuestionDisplay.js + button to see poll
    |       |── QuestionHandler.js (URL: /question)
    |       |    |── QuestionResult.js (if answered)
    |       |    └── QuestionAnswer.js (if unanswered)
    |       |── NewQuestion.js
    |       |── LeaderBoard.js
    |       └── PageNotFoundHandler.js
    |           |── ForceLoginPage.js 
    |           └── PageNotFound.js
    |
    ├── actions
    │   ├── authedUser.js
    │   ├── questions.js
    │   ├── routeTrack.js
    |   ├── shared.js # contains handleInitialData
    │   └── users.js   
    |
    ├── middleware
    │   ├── index.js
    │   └── logger.js
    |
    ├── reducers
    │   ├── authedUser.js
    |   ├── index.js # contains combineReducers
    │   ├── questions.js
    │   ├── routeTrack.js
    │   └── users.js
    |
    ├── utils
    │   ├── _DATA.js
    |   ├── api.js
    │   └── helpers.js
    |   
    ├── index.css # Global styles.
    └── index.js # File for DOM rendering only

The _DATA.js file represents a fake database and methods that let you access the data.

There are two types of objects stored in our database:

• Users
• Questions

Users include:

Questions include:

Voting options are attached to questions. They include:

Code talks to the database via 4 methods:

• _getUsers()
• _getQuestions()
• _saveQuestion(question)
• _saveQuestionAnswer(object)

1. _getUsers() Method

Description: Get all of the existing users from the database.
Return Value: Object where the key is the user’s id and the value is the user object.

2. _getQuestions() Method

Description: Get all of the existing questions from the database.
Return Value: Object where the key is the question’s id and the value is the question object.

3. _saveQuestion(question) Method

Description: Save the polling question in the database.
Parameters: Object that includes the following properties: author, optionOneText, and optionTwoText. More details about these properties:

Return Value: An object that has the following properties: id, author, optionOne, optionTwo, timestamp. More details about these properties:

4. _saveQuestionAnswer(object) Method

Description: Save the answer to a particular polling question in the database. Parameters: Object that contains the following properties: authedUser, qid, and answer. More details about these properties: