QuizBuzz

What is it?

QuizBuzz is a full-stack application for online quizzing. Professors can use the web application as a pannel for creating classrooms and quizzes and adding their students. Codes are generated for each classroom. Every student gets a unique key in order to access the quiz. Professor panel offers the ability to view the results of each quiz and download them in a csv format. Students use the mobile app to access the quizzes.

Stack

• The web application is made using ReactJS.
• The mobile application is developed with React Native.
• QuizBuzz REST API is developed using NodeJS.
• QuizBuzz uses MongoDB.
• Web application and server are deployed to Heroku Platform.
• Backend connects to the MongoDB Atlas cloud database.

Check out the application

• Web application is available here.
• The API can be accessed via this link
• Mobile application can be tried out locally using the expo app on your phone

Start the application locally

Server

• Make sure you have Node and MongoDB installed on your machine
• Clone the github repository
• Navigate to the api folder and run npm install to install the application dependencies
• In the api folder create a .env file with the following environment variables set:

QUIZ_BUZZ_MAIL=
QUIZ_BUZZ_PASS=
MONGODB_HOST=
MONGODB_LOCALHOST=
PORT=

• We change the port to 8080 because the web application runs on port 3000 which would also be the default port here
• Run npm start
• Experiment with the API!

Web Application

• Navigate to the webapp folder and run npm install to install the application dependencies
• Create a .env file with the following environment variables set:

REACT_APP_BASE_URL=
REACT_APP_LOCALHOST=

• Run npm start to start the application
• You may choose to run the application locally but connect to our deployed API in which case you should run the application with NODE_ENV=PRODUCTION npm start
• Experiment with the app!

Mobile application

• Make sure you have yarn installed on your machine
• Make sure you have expo app installed on your mobile phone
• Navigate to the mobileapp foler and run yarn install to install the dependencies
• Create a .env file with the following environment variables set:

BASE_URL=

• Run npm start
• Use the expo app to scan the QR code that pops up in your browser.
• Experiment with the app!

Contributors

• Selimović Denis
• Vrnjak Lamija