Quizify-Frontend

A Online Web Based Quiz App, Where People and Create and Join The Quiz having all MCQ,CheckBoxes,ShortAnswer and LongAnswer Questions

Demo

Live Working Demo

Backend

Run Locally

Create Two Folders Frontend and Backend in root of the direcotry Clone the Frontend in The Frontend Folder

  git clone git@github.com:ManasMadan/Quizify-Frontend.git

Clone The Backend In The Backend Folder

  git clone git@github.com:ManasMadan/Quizify-Backend.git

Install dependencies - Both Frontend and Backend directory

  npm install

Go to the Frontend directory - Named Folder Frontend

  cd Frontend

Start the Client + Server

  npm run both

Environment Variables

To run this project, you will need to add the following environment variables to your .env.development file

REACT_APP_API_HOST_URL REACT_APP_URL

TODO

• Single Response/Multiple Response Per Person Per Quizcode
• Better Marking System
• Download Quiz as Zip File of images of individual questions
• CreateQuizQuestion File Code - Improve
• PWA - Init and Cache Versioning
• OnClick and More Events - Seperate Function Handlers
• Next JS Integration : Removing React-Router-Dom
• Profile Page TO Show User Stats and Random Avatar using This

Tech Stack

Client: React, Redux, Bootstrap

Server: Node, Express, Mongoose

DataBase: MongoDB Atlas

Contributing

Contributions are always welcome!

🚀 About Me

I'm Manas Madan, a class 12th Student who made this project

Authors

• @ManasMadan