lynseahoss / lets-guess

A full stack web application that allows users to play the rendition game of "Guess Who". It collects client side data for application functionality and uses server side data for game functionality.

Lets Guess

Project Description

Let's Guess is a full stack application which allows users to login to play and and guess from a selection of different characters. Questions can be chosen based on the character's hair color, eye color, facial hair, wearing of glasses, and an interesting fact which is nested in each character's description. Players will start with score of 10 per each character they are trying to guess, and will lose a point every time they choose a question or guess incorrectly. Players must race against the clock to see how many characters they can guess correctly within the alloted time. Scores will be displayd on a leaderboard, so players can comptete for top positioning.

The application will be deployed on Heroku for the server to run and function properly.

Deployment

Let's Guess

Table of Contents

• Installation
• Usage
• Project Technology
• Screenshots of Application
• Contributing Authors

---

Installation

To install, run following command in terminal:

npx create-react-app

Install following Packages on Client Side

yarn add react-card-flip

yarn add --save-dev @vizuaalog/bulmajs

yarn add swiper

yarn add node-sass

yarn add react-twitter-widgets

Run seeds on Server Side

yarn run seed

Start React & Local Host

yarn start:dev

Usage

```
AS AN Avid Guess Who Fan
I WANT to play Let's Guess 
SO THAT I can learn random facts about friends
```

---

Project Technology

Click to expand Project Technology Details

Languages

• HTML
• CSS
• Javascript

Libraries

• React
• Node.js
• Redux.js
• ReactCardFlip
• Swiper
• BulmaJS
• Node-Sass
• React-Twitter-Widgets
• React-Facebook-Share-Link

Yarn Packages

• Yarn

CSS Framework

• Bulma

Cloud Server

• Heroku

Screenshots of Application

Click to expand Screenshot Details

Gif of Let's Guess

Contributing Authors

Andrew Greer - Github

George Flores - Github

Jacob T LaMarre - Github

Lindsey Lawson - Github