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.
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.
Table of Contents
Installation and Usage
Frontend
The Quizpetitve App was generated with Angular CLI version 9.1.7 More Info
-
Run
npm install
to download all needed packages and it's dependencies. -
Run
ng serve
for a dev server. Navigate tohttp://localhost:4200/
. The app will automatically reload if you change any of the source files. -
Run
ng build
to build the project. The build artifacts will be stored in thedist/
directory.
Backend
The Quizpetitive API was created with Node.js version 12.16.x. More Info
-
Run
npm install
to download all needed packages and it's dependencies. -
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"
- Run
npm start
for a Node.js server. Navigate tohttp://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
-
Run
npm install
to download all needed packages and it's dependencies. -
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"
- Run
npm start
for a Node.js server. Navigate tohttp://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.