harshit1142 / Quizopia

This platform is designed to empower educators by providing a clear and user-friendly interface for sharing conducting quizzes and various class activities. Features: Generating quizzes with designated time and date, incorporating multiple-choice questions, automatic quiz submission, and displaying a leaderboard.

Quizopia

Live : https://quizopia.vercel.app/

Developed a comprehensive platform designed to empower educators by providing a clear and user-friendly interface for sharing and conducting quizzes and various class activities.

Key Features:

• Quiz Management: Enabled the creation and scheduling of quizzes with specific times and dates, including multiple-choice questions.
• Real-Time Updates: Integrated socket.io for real-time updates and interactions.
• Automatic Submission: Implemented automatic quiz submission upon time completion.
• Leaderboard: Developed a dynamic leaderboard to display quiz results and rankings.
• Admin Control: Provided admin functionalities to grant or deny teachers access to the platform, ensuring secure and controlled usage.

• Admin:-

• Accept/Remove the Teacher's request to work on it.
• Add/View Notice for All Teachers (with Date and Time)
• View All Teacher and Student

• Teacher:-

• Add/Delete Quiz (according to their Branch and Graduation Year)
• Add Question, Date and Time and Duration
• View Ranking after the Quiz End
• Add/View Notice for Student (according to their Branch and Graduation Year)
• View Admin Notice (with Date and Time)
• View All Student

• Student:-

• View All Teacher Quiz (according to each student Branch and Graduation Year)
• Take Part in Quiz as per the quiz date and Time
• View Quiz Ranking (if participated in that quiz)
• View All Teacher Notices (with Date and Time)

• Quiz Window:-

• Quiz Timer and Progress Bar
• Auto Submission of quiz
• Question Details

• LeaderBoard:-

• Quiz Details
• Ranking are sorted according to the marks

Extra Features of Application :

• Single webPage Website
• Login and Register with hash Password
• Logout

Tools used

FrontEnd part :

• HTML/CSS/JS
• React Js
• Bootstrap 5
• Redux/Redux toolkit

BackEnd Part :

• Node js
• MongoDB

How To Use

To clone and run this Website, you'll need Git and Node installed on your computer.

# Clone this repository
$ git clone https://github.com/harshit1142/Quizopia.git
# Go into the repository
$ cd Quizopia
# Install dependencies
$ npm install

Create .env.local file in side Newshash folder and add following text with your own api key.

 MONGO_PROD_URI= "Your MongoDB connection link"
 JWT_KEY="jwt key "

Start frontend with following command.

$ npm start

Start backend with following command.

$ cd backend
$ npm start