Apples to Oranges

Apples to Oranges is a fun card game where players submit answer cards to pair with a prompt card. Judges select their favorite card and the players accumulate points for selected cards. This online multiplayer version allows you to play with your friends wherever you are! NSFW option increases the hilarity of gameplay. Create an account and save custom cards to mix things up!
Learn more about the game!!!

· View Demo(DEMO LINK HERE!!!!)

About The Project

Apples to Oranges is a multiplayer card matching game with live chat, music, and interactive UI.

(back to top)

Built With

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

(back to top)

Getting Started

Prerequisites

These are instructions on how to get started fast!

To run the game in production mode, you need to set debugger to false in ApplesClient.js

You need to have a premium spotify account to access the music player. Also, create your Spotify developer account here HERE! and create an app for this project to get client id & client secret. This is optional and will not affect the gaming functionality. To support the upload of user avatar pictures, you will need to create a Cloudinary account (also optional).

Installation

1. Clone the repo

   git clone https://github.com/ph-castle/apples2oranges.git

2. Install NPM packages

   npm install

3. Install react-share

   npm run install2

4. Make a copy of the sample.env file and rename it as .env. Update the env file with correct information.

   cp ./sample.env .env

5. Run client, server, and boardgame-server each in its own terminal

    npm start
    npm run postgres-server or postgres-server-dev (development mode)
    npm run bg-server

(back to top)

Screenshots

Login and Custom Cards

Chat

Contribution

• Project Manager by Royce Chun

  • Backend APIs and database
  • Live Chat Box
  • Custom Cards Functionality

• Project Manager by Caroline Peake

  • Dynamic SPA Routing
  • Lobby Component functionality
  • Connecting clients into games utilizing built in websocket

• Architect by Andrew Schwaderer

  • Core Game Logic
  • Deployment

• Architect by Kesang Dingtsa

  • User Form and UI
  • Lobby Component functionality
  • Connecting clients into games utilizing built in websocket

• Morale Manager by Daniel Chu

  • Game Score Board
  • Base Game Board Design

• Workflow Manager by Jessica Chen

  • User Authentication and Security
  • Backend APIs and database
  • Live Chat Box
  • Social Media Sharing

• UI / UX by Coty Janeway

  • Interactive Game Design
  • Card Data Collection
  • Styling

• UI / UX by Heemo Yang

  • Interactive Background for UX
  • Spotify Music Player

(back to top)

Team Links

Royce C.	Caroline P.	Andrew S.	Kesang D.	Daniel C.	Jessica C.	Coty J.	Heemo Y.

(back to top)