Skip to content

FaisalY12/QuizAppClient

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

333 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Quizards

License: MIT

Screenshot 2021-04-30 at 11 23 35

Quizards is an online quiz game which uses OpenTrivia API for fetching questions. Users can join a room with a name and room code, then create a game. (5 players max). Users can select the difficulty, category and number of questions. At the end of each quiz users are sent to a leaderboards page displaying their score.

Installation

  • Clone or download this repo

Usage

  • Navigate to root directory of this repository
  • Ensure docker is running
  • Open the terminal and run bash _scripts/startDev.sh to start app
  • then run the following commands in the terminal:
    • cd client
    • npm install
    • npm run dev
  • Run bash _scripts/teardown.sh to stop and teardown the containers

Technologies

  • Client side: React, CSS
    • Dependencies: react, react-redux, react-router-dom, react-dom, axios, redux-devtools-extension, redux-thunk.
  • Server side: Node.js
    • Dependencies: express, pg, jest, nodemon, socket.io, socket.io-client,

Process

  1. Initial planning done using the MoSCoW method and created source of truth doc.
  2. created GitHub project board to split up the required tasks.
  3. App design done using Figma
  4. Daily stand ups to discuss and assign tasks.

Wins & Challenges

Wins

  • Well designed app that’s responsive on desktop, mobile and tablet devices.
  • Over 90% test coverage on client side, and 100% Server side.
  • Implemented Sockets to handle multiple players.
  • additional features such as leaderboards, chat and icons successfully implemented.

Challenges

  • Using Socket.io to communicate between web clients
  • Getting the Redux state to update correctly
  • Handling bugs

Bugs

  • Completed quiz starts again when starting a new quiz.

Future Features

  • Start a new quiz from the results page
  • Live room results during the quiz
  • Animated chart on results page
  • Authentication

Licence

  • MIT

The Team

About

Quizards is an online quiz game which uses OpenTrivia API for fetching questions.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • JavaScript 79.2%
  • CSS 19.9%
  • Other 0.9%