brandonwbrown / would-you-rather

React & Redux multiuser polling game

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Would You Rather

This project is a proof-of-concept game that demonstrates complex state management in a persisted React-Redux store. You can login as one of 3 users and vote on questions, create questions, as well as look at history. The datastore API is static and resets on reloads. Detailed project specs are outlined [here] (https://github.com/brandonwbrown/would-you-rather/blob/master/Would%20You%20Rather%20Specs.pdf).

This project was bootstrapped with Create React App.

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

You need to have installed the latest npm. If you don't have it, go ahead and grab it here. Then clone this repository.

Install Dependencies

npm install

Start development server

npm start

Navigating

Preset users are logged in by a pulldown. The Nav bar will take you to where you want to go. Leaderboard ranks by sum of questions written and answers posted.

Tests

There are currently no tests for this project yet.

Deployment

This project has not yet been deployed.

Directory Structure

.
├── README.md
├── Would\ You\ Rather\ Specs.pdf
├── WouldYouRather-ComponentDiagram.xd
├── package-lock.json
├── package.json
├── public
│   ├── favicon.ico
│   ├── index.html
│   └── manifest.json
└── src
    ├── actions
    │   ├── authedUser.js
    │   ├── questions.js
    │   ├── shared.js
    │   └── users.js
    ├── components
    │   ├── App.js
    │   ├── Dashboard.js
    │   ├── HomePage.js
    │   ├── Leaderboard.js
    │   ├── Login.js
    │   ├── Nav.js
    │   ├── NewQuestion.js
    │   ├── NotFound.js
    │   ├── Question.js
    │   ├── QuestionPage.js
    │   └── User.js
    ├── index.css
    ├── index.js
    ├── middleware
    │   ├── index.js
    │   └── logger.js
    ├── reducers
    │   ├── authedUser.js
    │   ├── index.js
    │   ├── questions.js
    │   └── users.js
    ├── static
    │   └── checkmark.png
    └── utils
        ├── _DATA.js
        ├── api.js
        └── helpers.js

Issues

One TODO issue exist:

  1. it's not so pretty, I will revamp with react-bootstrap

Acknowledgments

Special thanks to Tyler McGinnis for the great course Special thanks to the code reviewers, students, and mentors at Udacity

About

React & Redux multiuser polling game


Languages

Language:JavaScript 86.7%Language:CSS 8.5%Language:HTML 4.8%