Quiz web application

1. Project Title: Quiz Web
Application
Problem Statement: Quiz Web Application
Project Group Number: 19
Group Member Details:
1. Ramlakhan Lodhi
2. Vineet Rajput
3. Sandeep Dayma
4. Kartikey Sahu
Guide Details: Mr. Amit Swami
Minor Project - II
CS- 608

2. Idea/Approach Details
Describe your idea Solution/Prototype here:
 User Registration and Authentication: Users can sign up with their
email and password. Implement secure authentication mechanisms
like hashing and salting to protect user data..
 Quiz Creation: Allow registered users to create quizzes by adding
questions, answer choices, and correct answers. They can specify
categories and difficulty levels for their quizzes.
 Leaderboard: Display a leaderboard showing top scorers for each
quiz category. Users can see their own rankings and compare their
scores with others..
 Responsive Design: Develop a responsive and mobile-friendly user
interface for seamless access across devices, ensuring optimal user
experience on both desktop and mobile devices.
 Accessibility Features: Ensure accessibility for users with disabilities
by following web accessibility standards and providing options for
screen readers and keyboard navigation.
2
Describe your Technology stack here:
 Frontend:
 HTML/CSS
 Boorstrap
 JavaScript
 Socket.io
 React
 Backend:
 Node.js : Express.js (Node.js)
 Database : MongoDB

3. Project Requirements
Functional Requirements
 User Registration and Authentication:Users
should be able to create accounts with a username
and password.Users can log in with their credentials
securely..
 Quiz Creation and Management:Teachers can
create quizzes by adding questions, answer choices,
and correct answers.Teachers can specify
categories and difficulty levels for their quizzes.
 Quiz Taking: can take quizzes created by
teachers.Students receive immediate feedback on
quiz completion.
 Leaderboard: Display a leaderboard showing top
scorers for each quiz category.Users can see their
own ra
 Real-Time Updates:Utilize technologies like
WebSockets to provide real-time updates for quiz
results, leaderboard changes.
3
Non Functional Requirements
 Performance:The application should have low
latency for message delivery.
 Scalability:The system should be scalable to
accommodate an increasing user base.
 Security:Implement HTTPS protocol to encrypt data
transmission between the client and server, ensuring
the confidentiality and integrity of user data.
 Usability:The user interface should be user-
friendly.Maintain consistency in design and layout for a
cohesive user experience.
 Compatibility:Ensure cross-browser and cross-
platform compatibility.The application should work on a
variety of devices and screen sizes.

4. Project Requirements
Hardware and Software requirements (Developer)
 Computer: A modern computer with a reliable
internet connection is essential for web development.
 Processor: A multi-core processor (e.g., Intel Core
i5 or equivalent) for efficient coding and testing.
 RAM: At least 8GB of RAM to handle development
tools and multiple applications simultaneously.
 Display: A high-resolution monitor to comfortably
view and work with code and design elements.
 Integrated Development Environment
(IDE):Developers can choose from various IDEs,
such as Visual Studio Code, Sublime Text, or
JetBrains WebStorm, based on personal preference.
 Database Management System:A database
system like MongoDB, or MySQL, depending on the
application's needs.
4
Hardware and Software requirements (Client)
 Device: Users can access the quiz web application
from various devices, including desktops, laptops,
smartphones, and tablets.
 Internet Connection: Users need a stable
internet connection to access the application in real-
time.
 Web Browser:Users can access the quiz web
application via popular web browsers such as
Chrome, Firefox, or Edge.
 Browser Updates:Users should keep their web
browsers up-to-date to ensure compatibility and
security.
 Mobile App (Optional):If the quiz application
offers a mobile app, users must have compatible
smartphones or tablets running iOS or Android.

5. Design
Describe data flow diagram here(if applicable)
⮚
5

6. Design
Describe your Use Cases here
 User Registration:
Primary Actor: Student
 User Login:
Primary Actor: Student
 Taking a Quiz:
Primary Actor: Student
 Creating a Quiz:
Primary Actor: Teacher
 Editing a Quiz:
Primary Actor: Teacher
 Viewing Quiz Results:
Primary Actor: Student
6
Describe your Dependencies / Show stopper here
 Express.js: A web application framework for Node.js,
essential for handling HTTP requests, routing, and
middleware in your quiz application.
 React.js: A JavaScript library for building user
interfaces, crucial for creating interactive and dynamic
components in the frontend of your quiz application.
 Socket.io: A library enabling real-time, bidirectional
communication between web clients and servers,
crucial for implementing features like real-time
messaging and live updates in your quiz application.
 MongoDB: MongoDB is crucial for storing various data
related to quizzes, including user information, quiz
details, questions, quiz attempts, and leaderboard data.
It provides a flexible and scalable solution for managing
dynamic data structures.

7. Project Screen shorts
7

8. 8