Project Overview

In the "Would You Rather?" Project, I built a web app that lets a user play the “Would You Rather?” game. The game goes like this: A user is asked a question in the form: “Would you rather [option A] or [option B] ?”. Answering "neither" or "both" is against the rules.

In my app, users are able to answer questions, see which questions they haven’t answered, see how other people have voted, post questions, and see the ranking of users on the leaderboard.

This project has solidified my understanding of React and Redux while giving me a chance to express my creativity. I have practiced improving the predictability of my application’s state; establish strict rules for getting, listening, and updating the store; and identify what state should live inside of Redux and what state should live inside of React components.

Maintaining State in Local Storage

Project maintain the user, user's answer, user's question and voting state in local storage. so login back will keep the data persistent.

How to install

Open a terminal and move to project directory and run the following commands

  • npm install
  • npm start

Screens:

First:

Screen-Shot-2020-11-17-at-11-06-34-PM

Second:

Screen-Shot-2020-11-17-at-11-06-43-PM

Third:

screencapture-localhost-3000-2020-11-17-23-06-57

Fourth:

screencapture-localhost-3000-addquestion-2020-11-17-23-07-30

Fifth:

screencapture-localhost-3000-leaderboard-2020-11-17-23-07-21

Sixth:

screencapture-localhost-3000-questions-am8ehyc8byjqgar0jgpub9-2020-11-17-23-07-43

Seventh:

screencapture-localhost-3000-questions-h1cwznjo3l5lofq5hyt43c-2020-11-17-23-07-13


amoco near me