Skip to content

qaioz/quiz-maker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Quiz Maker

Quiz Maker is an application that allows you to create and manage quizzes.

Prerequisites

Before you begin, ensure you have met the following requirements:

  • You have a PostgreSQL server installed on your machine.
  • You have Node.js and npm installed on your machine.
  • You have Maven installed on your machine.
  • You have Docker installed on your machine (optional).

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Starting the PostgreSQL Server

  1. Start the PostgreSQL server with the username and password specified in backend/src/application.properties.
  2. Create a database named quiz_maker.

Starting the Backend

To start the backend, follow these steps:

  1. Navigate to the backend directory:
    cd backend
  2. Start the Spring Boot application:
    mvn spring-boot:run
  3. Navigate back to the root directory:
    cd ..

Starting the Frontend

To start the frontend, follow these steps:

  1. Navigate to the frontend directory:
    cd frontend
  2. Install the necessary packages:
    npm install
  3. Start the application:
    npm start

Using Docker

If you have Docker installed, you can use it to start the application:

  1. Navigate to the backend directory:
    cd backend
  2. Package the application:
    mvn clean package
  3. Start the Docker containers:
    docker compose up

Then, connect to localhost:3000 in your web browser.

Functionality

Homepage - Viewing Quizzes

image

Here, you can view all the quizzes available. Click on a quiz to start taking it. You can also remove quizzes by clicking ‘delete’. If you just thought that having this functionality on a website is a foolish idea, I agree, but I still don't like you.

Creating Quiz with a Super Simple Format!

image

You can specify the questions, the options, and the correct answer.

Taking Quiz

image

This is what it looks like when you're taking a quiz.

Seeing Correct Answers

image

After completing a quiz, you can review the questions along with the correct answers.

Viewing Submissions

image

This is where you can view all your quiz submissions.

Enjoy using Quiz Maker!

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published