QUIZ APPLICATION

A Minor Project-II (AL-608)

Submitted in partial fulfillment of the requirements for the

Award of Degree of
Bachelor of Technology in Information Technology
Submitted to

RAJIV GANDHI PROUDYOGIKI VISHWAVIDHYALAYA,

BHOPAL (M.P.)

Submitted by
VATSALYA KATARIYA
0111AL211176
YAMAN MAHTHA
0111AL211183
Under the Guidance of
Prof. Neelesh Rai
(TG, AL-Department)

DEPARTMENT OF INFORMATION TECHNOLOGY

TECHNOCRATS INSTITUTE OF TECHNOLOGY, BHOPAL
SESSION: Jan-June 2024
 TECHNOCRATS INSTITUTE OF TECHNOLOGY, BHOPAL

DEPARTMENT OF INFORMATION TECHNOLOGY

CERTIFICATE

This is to certify that the work embodies in this Minor Project- II (AL-608) work
entitled “WEB-BASED QUIZ APPLICATION” being submitted by Vatsalya
Katariya(0111AL211176), Yaman Mahtha(0111AL211183), in partial
fulfillment of the requirement for the award of Bachelor of Technology in
Information Technology to Rajiv Gandhi Proudyogiki Vishwavidyalaya, Bhopal(
M.P.) during the session Jan-June 2024 is a record of bonafide piece of work, carried
out by them under my supervision and guidance in the Artificial Intelligence &
Machine Learning , Technocrats Institute of Technology, Bhopal

Guided by: Approved by:

Prof. Neelesh Rai Prof. Vivek Sharma
(TG) Head of the Department
Artificial Intelligence & Machine Learning Artificial Intelligence & Machine Learning
 TECHNOCRATS INSTITUTE OF TECHNOLOGY, BHOPAL

DEPARTMENT OF INFORMATION TECHNOLOGY

DECLARATION

We Vatsalya Katariya[0111AL211176] and Yaman Mahtha[0111AL211183,

Students Of Bachelor Of Technology in ARTIFICIAL INTELLIGENCE &
MACHINE LEARNING, session Jan-June 2024 Technocrats Institute of
Technology ,Bhopal M.P., hereby declare that the work presented in this project
Report entitled” WEB-BASED QUIZ APPLICATION ”is the outcome of our own
work, is bonafide and correct to the best of our knowledge and this work has been
carried out taking care of Engineering Ethics.

VATSALYA KATARIYA
(0111AL211176 )
YAMAN MAHTHA
(0111AL211183)
 ACKNOWLEDGEMENT

I deem as it’s my privilege to extent my profound gratitude and appreciation towards all those
who have directly or indirectly involved themselves in making this project a great success. It gives
me immense pleasure to express my deepest sense of gratitude and sincere thanks to my respected
guide Prof. Neelesh Rai for his valuable guidance, encouragement and help for this work.
I would also like to express my sincere thanks to Dr. Shashi Kumar Jain, Director Technocrats
Institute of Technology, Bhopal for his encouragement and support.
I would also like to thank Prof. Vivek Sharma, Head of Department Artificial Intelligence
and Machine Learning for providing me with all the moral support and necessary help.
I am also thankful to all the staff members of the Institute for their cooperation in my work.
My sincere appreciation and thanks to my family members and friends for keen interest, continued
encouragement and support.

VATSALYA KATARIYA
(0111AL211176 )
YAMAN MAHTHA
(0111AL211183)
 TABLE OF CONTENTS
Abstract I
List of Figures II
List of Tables III
CHAPTER-1 INTRODUCTION page no.
CHAPTER-2 LITERATURE REVIEW page no.
CHAPTER-3 PROBLEM STATEMENT page no.

CHAPTER-4 METHODOLOGY page no.

Description of Software Model used for Project
E-R diagram if required
Flow diagram if required
Data flow diagram if required
Class diagram, Activity diagram, object diagram, use case diagram, sequence
diagram, state diagram if required
Hardware/Software requirement & description
Work distribution table of team member’s
CHAPTER-5 PROJECT WORK
Feasibility study
Objective
Scope of project
Project description in details
Result
CHAPTER-6 CONCLUSION & DISCUSSION page no.
Conclusion
Benefit of the project for society
Future work
Limitation
REFERENCES
 ABSTRACT
The project: "Quiz Application" is a collection of number of different types of quizzes like
technical, games, sports, etc. A user can access/play all of the quiz and can attempt any of the
one. There will be limited number of questions and for each correct answer user will get a credit
score. User can see answers as well as can ask a query related to it. There are many quiz
applications available currently on internet. But there are few Which provide better
understanding between users and the application like, providing proper answers, user query
solving, uploading user questions as well as answer to it, etc. To develop a user friendly quiz
application which will contain: Numbers of quiz, Answers to every question, Query solving
regarding any question, Uploading of user question and answer, and to improve the knowledge
level of users. To develop a application which will contain solution to the above problems. By
this application the user will come to know about his/her level and can learn additional
knowledge. Also by this application a user can expand his/her knowledge among the world.
 List of Figures

Name of Figure Page No.

Waterfall model 4
ER Diagram 5
Data Flow Diagram 6
Class Diagram 7
Activity Diagram for Login 7
Activity Diagram for Submit Quiz 8
Sequence Diagram for Login 9
Sequence Diagram for Quiz Submission 10
 List of Tables

Name of Table Page No.

Hardware Requirements 11
Software Requirements 11
Work Distribution 11
 CHAPTER -1
INTRODUCTION

1.1 Purpose
This web application provides facility to Play online quiz and practice Grammar, Aptitude, and G.K.
It provides a good platform, where a student not only judges there knowledge/skill but also they can
improve knowledge/skill at the same time.

1.2 Scope
The Scope of this project is very broad in terms of gaining knowledge and sharing knowledge
among world.

Few points are:-

• Can be used anywhere any time as it is a web based application.
• This application will be used in educational institutions as well as in corporate world.

1
 CHAPTER - 2
PROBLEM DEFINITION

"Our aim is to develop a application for the users in which a user can attempt any number of quiz
related to his/her choice." Firstly, we have to make interfaces for Home Page, Registration,
Login Page, Questions Attempting forum, Result Page, & Profile of user. These all pages have
connectivity with the server and database. So, that it can work properly. Currently, there are
websites which only provide limited number of quizzes related to different domain. Many
websites do not have a single platform for quizzes related to technical, G.K, Aptitude, Games,
etc. And there is not a website where the users can upload his/her questions and answers for the
others. We have to develop a application which can resolve all of the above problems. By this
user can gain knowledge, can solve his/her query, and spread his/her knowledge among the
world.

Proposed Solution
The main requirement of application is to find questions and answers. In this application firstly
the user need to register or login using user-id and password. Then the user can choose any of the
quiz of his/her choice. Before starting the quiz there is a instruction window in which there are
instruction related to attempt the quiz. After it user can start attaining the quiz. Here user can see
his/her answers are right or wrong and can also see the answer of each. If there is any query
related to it user can ask it. After completion of the quiz user will get credit score for each of its
correct answers. Initially the questions are given by the admin but after sometime the user itself
can submit questions and its answers. After verification by the admin the questions are shown on
the window. The query related to a question can we solved by admin as well as the users of this
application. This application initially contain admit and some higher prior user which can submit
question and answers. The user profile will contain its name, age, qualification, gender, mobile
number, credit score, etc. This application will provide link to additional useful website for
learning purpose.

2
 CHAPTER - 3
METHODOLOGY
3.1 Description of software model used for project
The programming language used for the development of the project is Javascript and the
software model used is the classic lifecycle model.
Waterfall Process model
The Classical Life Cycle or waterfall Process Model was the first process model to present a
sequential framework, describing basic stages that are mandatory for a successful software
development model. It formed the basis for most software development standards and consists of
the following phases: Requirement analysis, design, coding, testing, and maintenance.
Advantages of waterfall model:
➢ Simple goal.
➢ Simple to understand and use.
➢ Clearly defined stages.
➢ Easy to arrange tasks.
➢ Process and result are well documented.
➢ Customers / end users already know about it.
➢ Easy to manage.

Disadvantage of Waterfall model:

➢ Rigid design and inflexible procedure.
➢ Waterfall model faced "Inflexible point solution" which meant even small amendments in
the design were difficult to incorporate later design phase.
➢ As the requirement were froze before moving to the design phase, using the incomplete
set of requirement, a complete design was worked amendments In case of a large project,
completing a phase and then moving back to reconstruct the same phase, incurred a large
overhead.
➢ Once a phase is done, it is not repeated again that is movement in the waterfall goes one
to the next and the vice versa is not supported, deadlines are difficult to meet I case of
large projects.

3
 Fig 3.1 Waterfall Model

3.2 ER DIAGRAM
An Entity-Relationship (ER) diagram is a visual representation of the relationships between

entities in a database. It helps in designing and modeling data structures, ensuring clarity and

efficiency. ER diagrams facilitate communication between stakeholders, developers, and

database designers. They are instrumental in understanding the database schema and planning for

scalability and maintenance.

4
 FIG 3.2 ER DIAGRAM

3.3 DATA FLOW DIAGRAM

A Data Flow Diagram is a graphical tool that depicts the flow of data within a system, illustrating

how input data is transformed into output. DFDs help in understanding and optimizing processes

and data storage.

5
 FIG 3.3 DATA FLOW DIAGRAM (DFD)

3.4 CLASS DIAGRAM

A class diagram is type of UML diagram that represents the static structure of a system, showing
classes, attributes, methods, and relationships. It's essential for object-oriented design, highlighting
the system's blueprint.

6
 FIG 3.4 CLASS DIAGRAM
3.5 ACTIVITY DIAGRAM
Activity diagram visualizes the dynamic aspects of a system, modeling workflows and business
processes. It aids in identifying responsibilities and sequencing actions.

FIG 3.5 ACTICITY DIAGRAM FOR LOGIN

7
 FIG 3.6 ACTIVITY DIAGRAM FOR SUBMIT QUIZ

3.6 SEQUENCE DIAGRAM

A Sequence Diagram is a type of UML diagram that visualizes how objects interact in a particular
sequence of time. It shows objects (or participants) as vertical lines and the messages exchanged
between them as horizontal arrows. Each interaction is displayed in a top-down manner, depicting
the order of message flow from start to end. Sequence diagrams are particularly useful for
detailing the dynamic behavior of a system, helping to identify the sequence of events and object
dependencies. They are widely used in designing, documenting, and validating system architecture
by showcasing real-time processing and interactions.

8
FIG 3.7 SEQUENCE DIAGRAM FOR LOGIN

9
 FIG 3.8 SEQUENCE DIAGRAM FOR QUIZ SUBMISSION

3.7 Requirement Analysis:

Hardware Requirement : Most current Computers and Laptop have enough specifications to be
used to create an Application. The most important specification to check on the computer would
be the size of the RAM, which should be over 2 GB, more is better. This will ensure that the
computer runs quickly and smoothly, even with heavier programs. The computer should have a
keyboard and mouse attached and working as well.

10
 Table 3.1 Hardware Requirements

Software Requirement: Aside from a Computer and internet connection, most of the tools you
need to build an application are Software Program. Some of which may already be on your
computer.

Table 3.2 Software Requirements

3.8 Work Distribution Table of Team Members

Table 3.3 Work Distribution

11
 CHAPTER 4
PROJECT WORK

4.1 FEASIBILITY STUDY

The feasibility study for the quiz website project encompasses an in-depth analysis of its
technical, economic, and operational viability. It examines the feasibility, need, and
significance of the project within the context of the college's educational ecosystem.

4.1.1 Description of the Feasibility Study

The feasibility study begins by assessing the technical feasibility of the project,
considering factors such as the availability of necessary technology stack components
(HTML, CSS, JavaScript, React.js, Node.js, Express.js, MongoDB), the expertise of the
development team, and the compatibility of chosen technologies with project
requirements. This evaluation ensures that the project can be successfully implemented
using the selected technologies and resources.

Next, the economic feasibility of the project is evaluated to determine its cost-
effectiveness and financial viability. This involves estimating the development costs,
including expenses related to software licenses, hardware infrastructure, development
tools, and personnel. Additionally, potential revenue streams or cost-saving benefits
resulting from the implementation of the quiz website are analyzed to assess its long-
term economic sustainability.

Furthermore, the operational feasibility of the project is examined to assess its

practicality and usability within the TNP department of the college. This includes
evaluating factors such as user acceptance, ease of use, and alignment with departmental
goals and objectives. The feasibility study seeks to identify any potential challenges or
obstacles that may arise during project implementation and proposes strategies to
mitigate risks and ensure successful project outcomes.
4.1.2 Feasibility, Need, and Significance of the Project

The feasibility study emphasizes the quiz website project's critical role within the
college's educational landscape. By providing a digital solution for administering quizzes,

12
 assessments, and evaluations, it effectively addresses a pressing need within the TNP
department. Streamlining quiz administration processes not only enhances efficiency but
also fosters student engagement and facilitates continuous learning and skill
development. This initiative aligns seamlessly with broader objectives of modernizing
educational practices and leveraging technology to support student success, contributing
significantly to the college's mission of providing quality education and preparing
students for academic and professional challenges.

Furthermore, by offering a dynamic and interactive platform for learning and

assessment, the quiz website project becomes instrumental in advancing educational
outcomes within the college community. Its ability to promote active participation,
personalized learning experiences, and real-time feedback underscores its significance in
empowering students to excel academically and professionally. Overall, the feasibility
study confirms the project's feasibility, underscores its need, and highlights its profound
impact on enhancing educational experiences and outcomes within the college ecosystem.

4.2 OBJECTIVE

➢ Objective 1 :- The objective of this quiz application is to offer users an

interactive and enjoyable platform for testing their knowledge and skills.
➢ Objective 2 :- Through engaging quizzes, users can reinforce learning,
expand their knowledge base, and track their progress over time.
➢ Objective 3 :- The application aims to foster a positive learning environment
while promoting curiosity and continuous self-improvement.

4.3 SCOPE OF PROJECT

13
 ➢ The web-based nature of the application allows users to access it from
anywhere with an internet connection, transcending geographical boundaries
and facilitating knowledge sharing on a global scale.
➢ The application caters to diverse user groups, including educational
institutions, corporate organizations, and individuals seeking to expand their
knowledge base. It serves as a versatile platform for learning, training, and
professional development across various sectors and industries.
➢ By offering anytime, anywhere access, the application accommodates
different learning preferences and schedules, empowering users to engage in
self-paced learning and skill development at their convenience.

4.4 PROJECT DESCRIPTION IN DETAIL

4.4.1 DESCRIPTION :-
The proposed project aims to develop a web-based quiz platform that enables users to create,
share, and participate in quizzes across various topics and categories. The platform will
provide an engaging and interactive environment for users to test their knowledge, compete
with others, and explore new subjects. With intuitive user interfaces and seamless navigation,
the website strives to become a go-to destination for individuals seeking educational and
entertaining quiz activities.
This initiative offers several advantages to the TNP department
and the college community. Firstly, it provides its own digital solution for delivering quizzes,
assessments, and evaluations, streamlining the process for both students and administrators.
Secondly, by offering a diverse range of quizzes curated by subject matter experts, the
platform ensures that students receive high-quality and relevant content to enhance their
learning experience. Additionally, the platform promotes healthy competition and academic
engagement among students, fostering a culture of continuous learning and skill
development.

4.4.2 Technology Used

14
 I. HTML, CSS, JavaScript (React.js):
• HTML, CSS, and JavaScript are used for building the frontend user interface of
the quiz website.
• React.js, a popular JavaScript library, is employed for creating interactive and
dynamic UI components, ensuring a responsive and engaging user experience.
II. Node.js with Express.js:
• Node.js, a runtime environment for executing JavaScript code server-side, serves
as the backend runtime for the quiz website.
• Express.js, a minimalist web application framework for Node.js, is utilized to
handle HTTP requests, define routes, and implement middleware for server-side
logic.
III. MongoDB:
• MongoDB, a NoSQL document database, is chosen as the database management
system for storing and managing data related to quizzes, user profiles, and other
application entities.
• Its flexible schema and scalability features make it ideal for accommodating
dynamic data structures and scaling out as the application grows.

4.4.3 Field of the Project

The quiz website project stands at the intersection of educational technology (EdTech)
and web application development, serving as a valuable resource within the Training and
Placement (TNP) department of our college. It provides a tailored digital platform to fulfill the
department's needs, facilitating quiz administration and student engagement. By seamlessly
integrating web technologies, the project aims to modernize traditional methods of assessment,
fostering a dynamic learning environment.
Within the EdTech sphere, the project meets the evolving demands for interactive and
personalized learning experiences. Through its user-friendly interface and diverse features, the
quiz website empowers students to explore different subjects, evaluate their knowledge, and
prepare for academic challenges. Furthermore, by aligning with the objectives of the TNP
department, the project contributes to enhancing student success within the college community,
emphasizing accessibility and innovation in education.

15
4.4.4 Special Technical Terms
1. Frontend: The frontend of the quiz website refers to the user-facing interface that users interact
with. It encompasses the HTML, CSS, and JavaScript code responsible for rendering quiz
questions, displaying user interfaces, and handling user interactions.
2. Backend: The backend of the quiz website refers to the server-side logic and infrastructure
responsible for processing user requests, handling business logic, and interacting with the
database. It includes technologies such as Node.js and Express.js for building the server
application and managing the application's backend operations.
3. Authentication: Authentication is the process of verifying the identity of users accessing the
quiz website and ensuring that they have the necessary permissions to perform certain actions.
It involves techniques such as user login, password validation, and token-based authentication
using technologies like JSON Web Tokens (JWT) to securely authenticate and authorize users
to access protected resources within the application.
4. SPA (Single Page Application): The quiz website is designed as a Single Page Application
(SPA), meaning that it loads a single HTML page initially and dynamically updates the content
as the user interacts with the application. This architecture enhances user experience by
providing a faster and more responsive application without the need for full-page reloads.
5. CRUD Operations (Create, Read, Update, Delete): The backend of the quiz website supports
CRUD operations for managing quiz questions, user profiles, and other data entities. These
operations enable users to create, retrieve, update, and delete quiz-related information through
the application interface.
6. Responsive Design: The frontend of the quiz website is built using responsive design
principles, ensuring that the application adapts and renders optimally across various devices and
screen sizes. This enhances accessibility and usability for users accessing the quiz website from
different devices.

16
 CHAPTER 5
CONCLUSION & DISCUSSION

5.1 Conclusion
Quiz application provides facility to attempt quiz anywhere and anytime. It save time since user does
need to wait for result. So student/user cannot wait for the result. All Student/ user get extra knowledge
and skills. Administrator has a privilege to put as much as question in given Quiz in application. User
can register, log-in to attempt Quiz. If user forget their password then he/ she can reset password with
the help of Forgot Password option. There is instruction page for students o get information about quiz
like number of question, given time etc. After that student get the result of quiz. so, student cannot wait
for result. also admin is responsible to add, delete and update question in the system. also he can view
result of all students. It has been a great pleasure for me to work on this exciting and challenging project.
This project proved good for me as it provided practical knowledge of programming in JAVA and
MYSQL server and also about all handling procedure related with Quiz System. It also provides
knowledge about the latest technology used in developing application and server technology that will be
great demand in future. This will provide better opportunities and guidance in future in developing
projects independently. This Quiz Application can be efficiently used by any students and Educational
platforms. During the course of this assignment I have gone through many obstacle which made me to
research and also increase mu knowledge. At last it can be concluded that the “Quiz Application” was
the real learning experience. The project has been made as per as the given specification. The system has
been made as user friendly as possible.

5.2 Significance of the system

➢ The system is easy to use as it is user friendly.
➢ The working of the system is in organized form.
➢ It provides faster and accurate prescription processing.
➢ The system is kept simple and can be easily used by users.
➢ Quiz can be given without an instructor, which saves money and time.
➢ A larger number of participants, with instant results of your quiz.

17
5.3 Limitations of the System
➢ The admin needs to be regularly be in contact with other users for any update in the user’s
information.
➢ We want to implement a concept where user itself can add question for others.
➢ We want to implement a concept where the user can solve any query related to each question at
that time only.
➢ We also want to implement a concept where every user can see profile of other user.

5.4 Future Scope of the Project

➢ The Scope of this project is very broad in terms of gaining knowledge and sharing knowledge
among world. Can be used anywhere any time as it is a application.
➢ This application will be used in educational institutions as well as in corporate world.

18
 REFERENCES

I. https://developer.mozilla.org/en-US/docs/Web
II. https://www.freecodecamp.org/news/tag/react/
III. https://www.w3schools.com/js/
IV. https://legacy.reactjs.org/docs/getting-started.html
V. https://nodejs.org/docs/latest/api/
VI. https://www.codecademy.com/learn/react-101/

19