Quiz Network Application

Introduction

Quiz Network is an interactive web application that enables users to create, share, and participate in quizzes. It allows users to easily sign up, create quizzes from their own set of questions, and challenge others to attempt them.

Table of Contents

• Introduction
• Demo
• About the project
  • Technologies Used
  • Features
  • Used For
  • Improvements
  • Problems Faced and Solutions
• Links
• Getting Started

Demo

Demo.Video.Short.mp4

About the project

Quiz Network Application is a dynamic and user-friendly platform built using a full-stack technology stack. With its modern and intuitive user interface, the application allows users to register and log in to create, manage, and share quizzes. Users can add their own sets of objective questions to their profiles, enabling them to create personalized quizzes. To create a quiz, users need to select at least 5 questions from their collection, add a title to the quiz, and publish it. Quizzes can be shared with others via a unique link. The application provides a seamless quiz-taking experience, displaying results and rankings based on accuracy and completion time. It empowers users to test their knowledge, challenge friends, and engage in a fun and educational environment.

Technologies Used

• React
• MongoDB
• NodeJS
• ExpressJS
• SCSS

Features

• User registration and login functionality for personalized accounts.
• Secure authentication for enhanced security.
• User-friendly profile management with options to update personal information.
• Ability to add and edit objective questions for quizzes.
• User-friendly question creation form with fields for title, options, and correct answer.
• Quizzes can only be created with a minimum of 5 questions to ensure quality content.
• Effortless quiz creation with simple question selection using checkboxes.
• Results page displays quiz performance, total time taken, and correct answers.
• Ranking system based on accuracy and completion time encourages healthy competition.
• Persistent storage of user-generated questions for future quiz creation.
• Shareable quiz links for others to attempt quizzes with an account at Quiz Network.
• Responsive and visually appealing design using SCSS for a modern UI.
• Direct integration with MongoDB for efficient and organized data storage.
• Full-stack architecture with React for frontend and NodeJS/ExpressJS for backend functionality.

Used For

• Creating and managing personalized quizzes.
• Challenging friends and other users with self-made quizzes.
• Testing and improving knowledge in various subjects.
• Promoting a competitive and engaging learning environment.
• Enhancing problem-solving skills through quiz participation.

Improvements

• Implement a feature to allow users to categorize their questions for better organization.
• Add a timer feature for quizzes to increase the challenge and excitement.
• Enhance the social sharing capabilities by integrating with popular social media platforms.
• Include a feature for users to add images or multimedia elements to their questions.
• Develop a public leaderboard for the top performers across all quizzes.

Problems Faced and Solutions

• Designing a user-friendly question creation form.
  • Conducted user testing and gathered feedback to iterate and improve the form's design.
• Handling concurrent quiz attempts and ensuring accurate result tracking.
  • Implemented backend logic to manage concurrent user activity and synchronize quiz results.

Links

• Live URL: https://quiz-network-lhfp.onrender.com/
• GitHub URL: https://github.com/yashksaini/quiz-network-server

Getting Started

To get started with Quiz Network Application, you can follow these steps:

1. Clone the repository from GitHub.
2. Install the dependencies using npm install.
3. Run the application using npm start.

The application will be available at localhost:3000.