rwest88 / chase-and-replace Goto Github PK

View Code? Open in Web Editor NEW

1.0 1.0 0.0 22.56 MB

A MERN app aspiring to be "The GitHub of Drinking Games"

License: GNU General Public License v2.0

HTML 1.30% JavaScript 86.97% CSS 11.73%

chase-and-replace's Introduction

Kings: Chase and Replace

A Full-Stack MERN web app (MongoDB, Express.js, React, Node.js)

Try it on Heroku

https://chase-and-replace.herokuapp.com

"The GitHub of Drinking Games"

A variation of the drinking game, Kings!
Functions as a playable game as well as a customizable library of games and versions
Like Kings, players take turns drawing cards, each card rank (2 through King) prompts the player (or the group) to perform a task.
When a player draws an Ace, he/she then changes one of the rules associated with a chosen card rank, which sticks around permanently. Because of this, the game evolves the more it is played.
The user can save into a version history when he/she is satisfied with the rules.
Games can be created from scratch, can be searched for by name, author, and keywords and themes, and all games set to 'public' can be forked, downloaded, and rated.

Packages Used

axios
body-parser
express
express-session
if-env
moment
mongoose
morgan
passport
react-moment
react-star-rating-component

Installation

After cloning the repo, follow the steps below:

$ mongod

Open a second terminal:

$ cd chase-and-replace

$ yarn install

$ yarn seed

$ yarn start

Screenshots

Example page:

Wireframes

Landing page - https://wireframe.cc/rW5Vhe

Dashboard - https://wireframe.cc/UR7GB2

Create / Edit - https://wireframe.cc/qh8uv0

Search - https://wireframe.cc/DQFgr3

chase-and-replace's People

Contributors

Stargazers

Watchers

chase-and-replace's Issues

Tags disappear on click; they should only disappear in 'add tags' mode

Build out Component tree for each page (plus React router)

Dashboard in ~80% detail
Everything else: just render simple components and experiment with changing styles on different levels (index.css > App.css > [page].css > [component].css) --ask Brett about strategy

Search Page Functionality

list of games under USER (started)
list of games under GAME NAME
sort games by HIGHEST/LOWEST AVG RATING
sort games by MOST/LEAST RATINGS
filter all games by {public: true}
make all games expandable in the middle column
stars component and ratings array == [{rater: rating}, {'rwest88': 4}, {'n8morton': 5}]

extra== labels? (funny, cerebral, adult, family-friendly, physical, challenging, relaxing, conversational, large-groups, small-groups, themed)