Code Monkey home page Code Monkey logo

live-face-off's Introduction

Live Face Off

Connect with your friends and family and enjoy some time with each other.

Getting Started

To start playing simply navigate to our website @livefaceoff.com, and create an account with one our three methods (Google, Facebook, or our own login system). Once you have an account, you will be on our lobby page where you can see your user stats as well as the top 10 leaderboard. From there, you can choose to create a game where you will receive a room code that you can share, or join one with a code given to you. We currently have to game modes (Deal 52 and a web cam based game) with more in development. If you don't feel like showing your camera, you can use the built-in chat system. Please enjoy your time and happy gaming!

Landing Page Login Page
Sign Up Page Lobby Page

Technologies Used

Frontend

  • ReactJS,
  • Redux,
  • Materialize CSS,
  • Axios,
  • Socket.io-client,
  • TokBox Web Cam API (WebRTC Technology)

Backend

  • Node.js,
  • MongoDB (mlab),
  • Mongoose,
  • Express,
  • Passport.js (Google / Facebook / Local),
  • Socket.io,
  • JSON Web Token,
  • TokBox Web Cam API (WebRTC Technology)

Tools Used

  • Git
  • GitHub
  • MeisterTask

To run the app locally

Clone the git repository then navigate to the server folder in your command line. Run the command "npm install", then navigate to the client folder and run the command "npm install". After those are done, run the command "npm run dev" to start both the front and backend up.

Authors

Portfolio

live-face-off's People

Contributors

dpaschal-lf avatar khaleelyounis avatar slevin222 avatar xoxocrystyle avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.