https://github.com/kmanadkat/ud-would-you-rather

Would You Rather - React & Redux Nanodegree Second Project. Login User, Register New User, View Answered & Unanswered Poll, Participate in Poll Voting, View Rank in Leaderboard, Route Protection, Route Redirecting
https://github.com/kmanadkat/ud-would-you-rather

nanodegree-programs react react-redux react-router thunk-middleware

Last synced: 21 days ago
JSON representation

Would You Rather - React & Redux Nanodegree Second Project. Login User, Register New User, View Answered & Unanswered Poll, Participate in Poll Voting, View Rank in Leaderboard, Route Protection, Route Redirecting

• Host: GitHub
• URL: https://github.com/kmanadkat/ud-would-you-rather
• Owner: kmanadkat
• Created: 2020-10-11T04:39:57.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2023-02-18T07:41:37.000Z (over 2 years ago)
• Last Synced: 2025-03-26T23:14:02.074Z (7 months ago)
• Topics: nanodegree-programs, react, react-redux, react-router, thunk-middleware
• Language: JavaScript
• Homepage: https://g5rdx.csb.app/login
• Size: 860 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
## ![Logo](./public/favicon-32x32.png) Would You Rather - React & Redux Nanodegree Second Project

[Live Code Sandbox Demo](https://codesandbox.io/s/would-you-rather-krupesh-react-nd-g5rdx)

### 📜 Project Overview

In the "Would You Rather?" Project, we'll build 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 our app, users will be 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.



### 🕹 Project Features

1. Login User

2. Register New User

3. View Answered & Unanswered Poll

4. Participate in Poll Voting 

5. View Rank in Leaderboard

6. Route Protection

7. Route Redirecting

### ⛳️ Routes

**Route Gaurding** or **Route Protection** is in place for all routes, following is the route visibility:

| Normal User                | Authenticated User                     |

|----------------------------|----------------------------------------|

| `/login` Login Route       | `/` Dashboard Route                    |

| `/register` Register Route | `/add` Create New Poll                 |

| `*` 404 Not Found          | `/leaderboard` Leaderboard             |

|                            | `/questions/:question_id` Poll Details |

|                            | `*` 404 Not Found                      |

**Route Redirecting** is in place. For example if user tries to visit `/leaderboard` directly from address bar without logging in then he/she will asked to login first and then redirected to initially requested route (`/leaderboard`)

### ⚙️ Installation & Setup

You should have `npm` and `node` installed in your machine, to confirm type `node --version` in terminal. Below are steps to setup project in your system :

1. Clone the `master` branch of this repository

2. Open Terminal in project folder (containing `package.json` file)

3. Run `npm install` and wait for all dependencies to download

4. Finally run `npm start` this will automatically launch application in default browser at `http://localhost:3000`

### 🎬 Project Snapshots