Code Monkey home page Code Monkey logo

yashksaini / quiz-network-server Goto Github PK

View Code? Open in Web Editor NEW
3.0 1.0 0.0 847 KB

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.

Home Page: https://quiz-network-lhfp.onrender.com/

JavaScript 63.12% HTML 1.08% SCSS 35.80%
expressjs full-stack-application mern-stack mongodb nodejs react reactjs scss

quiz-network-server's Introduction

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

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

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.

quiz-network-server's People

Contributors

yashksaini avatar

Stargazers

 avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.