@Author: Anderson Cahet

Clone repository and run NPM install and NPM start

Landing Page:

• Dropdown with seeded users
• Login btn - disabled until a user is selected
• Sign-up btn - allows new users to be added
  • avatar image needs to be an actual image URL
  • on sign-up user is taken back to landing page

On Login

• user lands on home where by default the unanswered questions will be displayed

Unanswered Questions

• on View Poll Click
  • user is able to select an option
  • no answer select, submit is disabled
  • on submission results is displayed with a trophy on the question selected by user
• all unanswered question answered
  • message is displayed to user

Answered Questions

• case empty
  • message displayed - can be seen with a newly created user
• answered questions displayed
• on View Poll Click
  • results is displayed as when a vote is placed

New Question

• inputs for optionOne and optionTwo , plus a disabled submit btn
  • validation:
    • same questions not allowed - submit btn disabled
    • both fields or one empty - submit btn disabled
  • on submission
    • user is taken to Unanswered view and created question is displayed

Leader Board

• displays the score based on total of answered + created questions

Header

• has a label with greeting user by name and a logout btn

Logout

• sets authenticate user to null and returns to login page

Page Not Found

• user tries to access an non-existent URL page displays with a button to return to login page

Access through url

• user is taken to login page even if the url is correct

References: Private Routes https://ui.dev/react-router-v4-protected-routes-authentication/

There are two types of objects stored in our database:

• Users
• Questions

Users include:

Questions include:

Voting options are attached to questions. They include:

Your code will talk 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: