Would You Rather Project

This project lets the user play the "would you rather" game, see the statistics about existing polls, create new polls and vote on polls.

How to install the project

• clone the repository
• cd to the main directory
• npm install
• npm start

State of the App

• users - object with users
• questions - object with questions
• authedUser - id of the authenticated user
• loadingBar - loading bar reducer to display a loading bar
• loaded - flag to understand if the app has loaded or not

Users

• RECEIVE_USERS - action to receive all users
• USER_VOTED_ON_QUESTION - action for a user to vote on a question - adds an object {qid: answer} to the user answers object
• REMOVE_USER_VOTE_FROM_QUESTION - fallback action in case USER_VOTED_ON_QUESTION fails

Questions

• RECEIVE_QUESTIONS - action to receive all questions
• VOTE_QUESTION - action for a question to be voted on - adds the user id to the votes array of the specific answer
• UNVOTE_QUESTION - fallback action in case VOTE_QUESTION fails
• ADD_QUESTION - creates a new question object and adds it to the state

authedUser

• SET_AUTHED_USER - action that sets the authedUser to the user id
• REMOVE_AUTHED_USER - action that sets the authedUser to null

loaded

• LOADING_IS_DONE - action that sets the flag "loaded" to true (this flag starts at false)

Component structure

• All the components are under a specific folder which means that they are related with each of the other components on the same folder

• Question component is the parent of the "AnsweredDetails", "UnansweredDetails" and "SimplifiedDetails" since it shares the same avatar with all and only the details of the card are changed

Styling

• Used reactstrap for all the styling of the app