Quizpetitive - A quiz game to learn new knowledge and terms in the field of project management.

Overview

Quizpetitive Logo

Quizpetitive

A quiz game to learn new knowledge and terms in the field of project management. The key element to the success of this project was the collaboration and communication of different teams.

GitHub Repo stars

Quizpetitive Home

About

This project was developed by Nils-Christopher Wiesenauer (NurNils), Namid Marxen (NurNils), Philipp Fรถrster (PhilippFoerster), Daniel Zichler (Clawset) and Elian Yildirim (elian15122000) during the 2nd semester as part of the project management II lecture at DHBW Stuttgart. The main purpose of this web application is to create a quiz game to learn new knowledge and terms in the field of project management.

๐Ÿ’š The system is based on the MEAN (MongoDB, Express.js, Angular, Node.js)-Stack with the CRUD (Create, Read, Update, Delete) functionality in the backend.

๐Ÿ’ฌ Socket.IO is used to create a low-latency communication between all platforms for a live multiplayer gameplay. More info

Table of Contents

Installation and Usage

Frontend

The Quizpetitve App was generated with Angular CLI version 9.1.7 More Info

  1. Run npm install to download all needed packages and it's dependencies.

  2. Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

  3. Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

Backend

The Quizpetitive API was created with Node.js version 12.16.x. More Info

  1. Run npm install to download all needed packages and it's dependencies.

  2. Go to the API folder and create a .env file with the following content (update if necessary):

PRODUCTION=false
PORT=3000
DB_PORT=27017
DB_DOMAIN="localhost"
DB_TABLE="quizpetitive"
DB_USER="username"
DB_PASSWORD="password"
  1. Run npm start for a Node.js server. Navigate to http://localhost:3000/ or defined port in .env file. The app will automatically reload if you change any of the source files because of nodemon.

Socket

The Quizpetitive Socket was created with Socket.IO and Node.js version 12.16.x. More Info

  1. Run npm install to download all needed packages and it's dependencies.

  2. Go to the API folder and create a .env file with the following content (update if necessary):

PRODUCTION=false
PORT=4444
DB_PORT=27017
DB_DOMAIN="localhost"
DB_TABLE="quizpetitive"
DB_USER="username"
DB_PASSWORD="password"
  1. Run npm start for a Node.js server. Navigate to http://localhost:4444/ or defined port in .env file. The app will automatically reload if you change any of the source files because of nodemon.

Technologies

The system is based on the MEAN (MongoDB, Express.js, Angular, Node.js)-Stack with the CRUD (Create, Read, Update, Delete) functionality in the backend.

MongoDB

MongoDB is a document-oriented NoSQL database used for high volume data storage.

Express.js

Express.js is the most popular Node web framework and is the underlying library for several other popular Node web frameworks. It provides many mechanisms.

Angular

Angular is a TypeScript based front-end framework which is published as open source software.

Node.js

Node.js is a JavaScript free and open source cross-platform for server-side programming that allows users to build network applications quickly.

You might also like...

A recreation of the popular game Wordle with additional modes and features. Made with Svelte in Typescript.

A recreation of the popular game Wordle with additional modes and features. Made with Svelte in Typescript.

A recreation of the popular game Wordle by Josh Wardle (now purchased by the New York Times), with additional modes and features. Hosted on GitHub pag

Dec 11, 2022

A lightweight 3D game engine for the web.

A lightweight 3D game engine for the web.

A lightweight 3D game engine for the web. Built with three.js and cannon-es.

Dec 31, 2022

๐ŸŽ Open source racing game developed by everyone willing

๐ŸŽ Open source racing game developed by everyone willing

๐ŸŽ Open source racing game developed by everyone willing

Dec 26, 2022

LittleJS Logo LittleJS - The Tiny JavaScript Game Engine That Can

 LittleJS Logo LittleJS - The Tiny JavaScript Game Engine That Can

The Tiny JavaScript Game Engine That Can! ๐Ÿš‚

Dec 31, 2022

Golf it! is a game designed to let you show off your code-fu by solving problems

 Golf it! is a game designed to let you show off your code-fu by solving problems

Golf it! Golf it! is a game designed to let you show off your code-fu by solving problems in the least number of characters โœจ Explore the docs ยป View

Aug 18, 2022

๐ŸŽฎ Excalibur is a free game engine written in TypeScript for making 2D games in HTML5 canvas

๐ŸŽฎ Excalibur is a free game engine written in TypeScript for making 2D games in HTML5 canvas

๐ŸŽฎ An easy to use 2D HTML5 game engine written in TypeScript

Dec 30, 2022

Pig is a simple two player dice game.

Pig is a simple two player dice game.

Pig game Pig is a simple two player dice game. Play here: formidablae.github.io/pig_game or formaidablae-pig-game.netlify.app Each turn, a player repe

Oct 5, 2022

Bitburner Game

Bitburner Bitburner is a programming-based incremental game that revolves around hacking and cyberpunk themes. The game can be played at https://danie

Dec 30, 2022

A clone of the popular Wordle game.

Wordle Clone How to play locally: yarn install

Jan 9, 2022
Owner
LMF
DHBW Stuttgart students group since 2020
LMF
Latin Wordle is a free and open-source project that aims to provide a fun and interactive way to learn Latin.

Latin Wordle Live Game Here Inspiration Latin Wordle is a free and open-source project that aims to provide a fun and interactive way to learn Latin.

null 15 Dec 16, 2022
Aprilbeat is an new open-source, online, fully web-based rhythm game

Aprilbeat! open-source web-based online rhythm game Aprilbeat is an new open-source, online, fully web-based rhythm game. It plays songs in APB format

Bone April Tea 4 Oct 17, 2022
Eva.js is a front-end game engine specifically for creating interactive game projects.

High-performance: Eva.js is powered by efficient runtime and rendering pipeline (Pixi.JS) which makes it possible to unleash the full potential of your device.

EVA 1.6k Dec 27, 2022
WordleGameCB - a game inspired by the Wordle word game developed by Josh Wardle

Technologies WordleGameCB WordleGameCB is a game inspired by the Wordle word game developed by Josh Wardle. This application was developed with the ai

@Encoding 4 Feb 20, 2022
EarthDefender is a simple personal project JS game

EarthDefender is a simple personal project JS game, the goal of it is to stop the meteors from hitting Earth.

Svetoslav Zhekov 2 Jan 25, 2022
Snake game using pure HTML, CSS and JavaScript with GameBoy look and feel using Nano editor

Snake game using pure HTML, CSS and JavaScript with GameBoy look and feel using Nano editor. 100% commented code in Portuguese

Gabriel Martins 2 Jul 2, 2022
A clone of the popular game Wordle made using React, Typescript, and Tailwind

Wordle Clone Go play the real Wordle here Read the story behind it here Try a demo of this clone project here Inspiration: This game is an open source

Hannah Park 2.4k Jan 8, 2023
The Snake Game implemented using HTML, CSS, and JavaScript

The Snake Game implemented using HTML, CSS, and JavaScript

Wissam Fawaz 3 Mar 2, 2022
A trivia website game based on origin of objects and concepts from around the world

Origin guesser is a quiz/trivia game in which the user is presented a word, object, or flag and offered a series of multiple choice answers to choose from as to the origin of that concept. Unlike other trivia games, this is concentrated only on origin of objects and concepts questions.

Sangamesh Itagi 5 Feb 12, 2022
'Neko Mezashi Attack' - a simple but cute action game made with Vite and TypeScript

'Neko Mezashi Attack' is a simple but cute action game made with Vite and TypeScript. This app is packed all resources including style, graphics and audio into 4KB(4096 chars) JS. No runtime libraries or external resources are required.

yuneco 10 Dec 1, 2022