Skip to content

eddyangang/Quizzly

Repository files navigation


contributions welcome GitHub repo size

Quizzly

Quizzly is a real-time game that allows users to create and join different chatrooms as they try and guess the word to definitions displayed on screen.

Table of Contents

Description

This game allows users to chat in real-time to guess the definition of words. It can be for students who want to study together, teachers who want to have a user-friendly interface to teach their students definitions, and also friends who simply want to play a guessing game!

Technology

  • ReactJS

  • Node and Express Web Server

  • MongoDB

  • Mongoose ORM

  • Heroku

  • Firebase

  • Socket.IO


Screenshots

Image Image

Approach

UI Design

Image

Leveraging socket.io to send information bi-directionally

Image

Managing Users

Image

Managing Rooms

Image

Installation

  • Download the Repo URL

  • In Terminal/Bash: 'git clone' the URL

  • npm install

  • npm start

  • View On 'localhost:3000'

Deployment

Quizzly is deployed using Heroku and MongoDb Atlas for database

Issues

Upon initial deployment, the team discovered that certain elements were transparent, despite having opacity set at 92%.

Image

The above illustrates a known bug where opacity is set to 1% upon deployment. To workaround this issue, opacity can be set as a decimal instead of a percentage.

Authors

Christopher Lee

Eddy Yang

Ernest Urzua

Donna Nguyen

Preeti Gupta

About

A gaming application intended to making learning fun.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published