ONLINE EXAM PORTAL

A PROJECT REPORT

Submitted by

JOSHI VANSHIL VISHAL

(211250116027)

In fulfillment for the award of the degree of

BACHELOR OF ENGINEERING

in

INFORMATION TECHNOLOGY

SHREE SWAMINARAYAN INSTITUTE OF TECHNOLOGY,

GANDHINAGAR

Gujarat Technological University, Ahmedabad

April - 2025
 Shree Swaminarayan Institute of Technology
Near Agora Mall & EDI Campus, Bhat, Gandhinagar - 382428

CERTIFICATE

This is to certify that the project report submitted along with the project entitled “ONLINE

EXAM PORTAL” has been carried out by “Joshi Vanshil Vishal” under my guidance in

fulfilment for the degree of Bachelor of Engineering in Department of Information

Technology, 8th Semester of Gujarat Technological University, Ahmedabad during the

academic year 2024-25.

Prof. Niraj Thakor Dr. Ramesh Prajapati

Internal Guide Head of Department
 Shree Swaminarayan Institute of Technology
Near Agora Mall & EDI Campus, Bhat, Gandhinagar - 382428

DECLARATION

We hereby declare that the Internship report submitted along with the Internship entitled

Online Exam Portal submitted in fulfilment for the degree of Bachelor of Engineering in

Information Technology to Gujarat Technological University, Ahmedabad, is a bonafide

record of original project work carried out by me at Shree Swaminaryan Institute of

Technology under the supervision of Prof. Niraj Thakor and that no part of this report has

been directly copied from any students’ reports or taken from any other source, without

providing due reference.

Name of the Student Sign of Student

Joshi Vanshil Vishal _______________

Team ID: 742206 Online Exam Portal

ACKNOWLEDGMENT

First of all, I would like to express my gratitude to QSpiders Trainers to enabling me to

complete this internship report on “Online Exam Portal: Mern Stack & Manual Testing”.

Successfully completion of any type of project task requires helps from a number of persons. I
have also taken help from different people for the preparation of this report. Now, there is a
little effort to show my deep gratitude to that helpful person.

I convey my sincere gratitude to my Company Supervisor Mr. K. A. Bharath, Manager

of QSpiders, Ahmedabad. Without his kind direction and proper guidance this study would
have been a little success. In every phase of the task his supervision and guidance shaped this
report to be completed perfectly.

I would also like to thanks my colleagues to give a clear idea about every tasks.

Gujarat Technological University I Shree Swaminarayan Institute of Technology

Team ID: 742206 Online Exam Portal

ABSTRACT
I completed a three-month internship at QSpiders in the domain of Web
Development. The objective of this internship was to gain hands-on experience
with modern web technologies, enhance my development skills, and understand
real-time project implementation. As a Web Development Intern, I had the
opportunity to work on a major project titled “Online Exam Portal,” using the
MERN stack (MongoDB, Express.js, React.js, Node.js).

The project aimed to create a functional and interactive portal that allows
students to take exams online and enables administrators to manage exams,
users, and results effectively. My key responsibilities included designing and
developing responsive user interfaces using React.js, building server-side logic
with Node.js and Express.js, and integrating the application with MongoDB for
efficient data storage and retrieval.

Throughout the internship, I became proficient in full-stack development

practices, improved my debugging and problem-solving skills, and gained a
deeper understanding of RESTful APIs and authentication mechanisms. I also
learned how to work collaboratively using Git for version control and how to
manage tasks in a structured development workflow.

This internship helped bridge the gap between theoretical knowledge and
practical application, providing me with a solid foundation in web development
and preparing me for future roles in the software industry.

Gujarat Technological University II Shree Swaminarayan Institute of Technology

Team ID: 742206 Online Exam Portal

LIST OF FIGURES
FIGURE 1.3.1 Organization Chart....................................................................................2
FIGURE 4.3.1 Project Time Line……………………................................................................8
FIGURE 5.4.1.1 Class Diagram………………………………………................................................12
FIGURE 5.5.3.1 Entity Relationship Diagram……………….................................................13
FIGURE 5.6.1.1 Use Case Diagram……………………………...................................................14
FIGURE 5.6.2.1 Admin Workflow Diagram……………………...............................................14
FIGURE 5.6.2.2 Teacher Workflow Diagram………………….................................................14
FIGURE 5.6.2.3 Student Workflow Diagram...................................................................14
FIGURE 6.1.1 Admin Login…….…………………..................................................................15
FIGURE 6.1.2 Admin Dashboard.…………….....................................................................15
FIGURE 6.1.3 Add Teacher………………………………...........................................................16
FIGURE 6.1.4 Teacher Added……………...........................................................................16
FIGURE 6.1.5 Manage Teacher…………………………...........................................................17
FIGURE 6.1.6 Manage Student…………………………...........................................................17
FIGURE 6.1.7 Add Subjects………………………………...........................................................18
FIGURE 6.1.8 Manage Subject…………………………...........................................................18
FIGURE 6.2.1 Teacher Login….…………………………...........................................................19
FIGURE 6.2.2 Teacher Homepage.……………………...........................................................19
FIGURE 6.2.3 Add Questions...…………………………...........................................................20
FIGURE 6.2.4 Manage Questions……..………………...........................................................20
FIGURE 6.2.5 Create Test…………………………………...........................................................21
FIGURE 6.2.6 View Test……………………………………...........................................................21
FIGURE 6.3.1 Student Home Page……………………………...................................................22
FIGURE 6.3.2 View All Test………………………………............................................................22
FIGURE 6.3.3 Upcoming Test……………………………...........................................................23
FIGURE 6.3.4 Start Test……………………………………...........................................................23
FIGURE 6.3.5 Give Test.……………………………………...........................................................24
FIGURE 6.3.6 Test Ended….………………………………...........................................................24
FIGURE 6.3.7 Test Completed….………………………...........................................................25
FIGURE 6.3.8 Result Page…………………………………...........................................................25
FIGURE 6.3.9 Result Declared.…………………………...........................................................26
FIGURE 6.3.10 Result Analysis……………………………...........................................................26

Gujarat Technological University III Shree Swaminarayan Institute of Technology

Team ID: 742206 Online Exam Portal

LIST OF ABBREVIATIONS
UI User Interface

UX User Experience

DB Database

CRUD Create, Read, Update, Delete

HTML HyperText Markup Language

CSS Cascading Style Sheets

JS JavaScript

API Application Programming Interface

JSON JavaScript Object Notation

DBMS Database Management System

GTU Gujarat Technological University

SRS Software Requirement Specification

ERD Entity Relationship Diagram

DFD Data Flow Diagram

NoSQL Non-Structured Query Language

JWT JSON Web Token

DOM Document Object Model

Gujarat Technological University IV Shree Swaminarayan Institute of Technology

Team ID: 742206 Online Exam Portal

TABLE OF CONTENT

Chapter No Chapter Title Page No

Acknowledgement I
Abstract II
List of Figures III
List of Abbreviations IV
Table of Contents V-VI

Chapter 1 Overview of the Company 1

1.1 History 1
1.2 Scope of work 1
1.3 Organization chart 2
1.4 Capacity of Company 2

Chapter 2 Overview of different department of the organization 4

2.1 Work being carried out in each department. 4
2.2 Prepare schematic layout which shows the sequence of
5
operation for manufacturing of end product.
Explain in details about each stage of production.

Chapter 3 Software Requirement Specification 6

3.1 Software Requirements 6
3.2 Hardware Requirements 6
3.3 Application Environment 7
3.4 Specific Requirements 7

Chapter 4 Project Management 8

4.1 Project Development Approach 8
4.2 Project Planning 8
4.3 Project Scheduling 8
4.4 Risk Management 9
4.4.1 Risk Identification 9
4.4.2 Risk Analysis 9
4.4.3 Risk Planning 9

Chapter 5 System Analysis 10

5.1 System Design & Methodology 10
5.2 Database Design 10
5.3 Input / Output and Interface Design 10
5.3.1 Samples of Forms, Reports and Interface 11

Gujarat Technological University V Shree Swaminarayan Institute of Technology

Team ID: 742206 Online Exam Portal

5.3.2 Access Control 11

5.4 Structural view 12
5.4.1 Class Diagram 12
5.5 Functional Modelling 12
5.5.1 Data Flow Diagram 13
5.5.2 Data Dictionary 13
5.5.3 Entity Relationship Diagram 13
5.6 Behavioral Modelling 14
5.6.1 Use-case Diagram 14
5.6.2 Activity/Sequence Diagram 14

Chapter 6 Implementation 15
6.1 Admin Module 15
6.2 Teacher Module 19
6.3 Student Module 22

Chapter 7 Testing 27
7.1 Testing Plan 27
7.2 Test Results 27
7.2.1 Test Cases 27

Chapter 8 Conclusion and Discussion 29

8.1 Overall Analysis of Internship / Project Viabilities 29
8.2 Summary of Internship / Project work 29
8.3 Limitation and Future Enhancement 30

Chapter 9 References 31
9.1 References 31

Gujarat Technological University VI Shree Swaminarayan Institute of Technology

Team ID: 742206 OVERVIEW OF THE COMPANY

CHAPTER 1: OVERVIEW OF THE COMPANY – QSpiders

1.1 History
QSpiders was founded as a specialized training institute aimed at bridging the gap between
academic learning and the dynamic requirements of the IT industry. Established by Mr. Girish
Sir, a visionary in software education, QSpiders has grown exponentially over the years,
evolving from a single center in Bangalore to a nationwide network of more than 90 training
centers. The company has consistently focused on delivering quality training in software testing
and development, particularly catering to fresh graduates from engineering, computer science,
and IT backgrounds.

QSpiders emerged at a time when there was a significant gap between theoretical college
curricula and the hands-on skills expected by software companies. With a laser focus on
employability, QSpiders introduced job-oriented courses that soon became industry-
recognized, leading to high placement records. Over time, it has trained thousands of students,
many of whom now work in top MNCs such as Infosys, TCS, Capgemini, Cognizant, and
Accenture.

1.2 Different Products / Scope of Work

QSpiders primarily operates in the education and training sector, offering technical courses that
are designed to enhance the employability of students and young professionals. Its core areas
of specialization include:
Software Testing
Manual Testing, Automation Testing with Selenium, JUnit, TestNG, and real-time project-
based testing practices.
Full Stack Development
Python Full Stack, Java Full Stack, and MEAN/MERN Stack courses are offered to build
proficiency in front-end and back-end development.
Programming Languages & Tools
Training in Java, Python, SQL, and Web Technologies, integrated with Git, GitHub, Postman,
and VS Code to simulate industry-like environments.
Placement Services
QSpiders has a dedicated placement team that connects students with hiring partners, often
organizing walk-in drives and corporate recruitment sessions.
Corporate Training
Apart from training individuals, QSpiders also provides on-site and remote corporate training
sessions for IT firms looking to upskill their workforce.
The scope of work at QSpiders not only includes training but also mentoring, career counseling,
resume building, mock interviews, and test preparation—making it a comprehensive skill
development platform.

GUJARAT TECHNOLOGICAL UNIVERSITY 1 SHREE SWAMINARAYAN INSTITUTE OF TECHNOLOGY

Team ID: 742206 OVERVIEW OF THE COMPANY

1.3 Organization Chart

Here’s a simplified organizational structure of QSpiders:

CEO / Founder

┌──────────┴──────────┐

│ │
Director of Operations Head of Academics

│ │

┌────────────┘ └────────────┐
│ │

Training Coordinators Placement Officers

│ │

Instructors / Mentors HR & Student Counselors

│ │
Students / Interns Partner Companies

[Fig- 1.3.1 - Organization Chart]

Founder & CEO: Responsible for strategic growth and vision.

Director of Operations: Manages the logistics, resource allocation, and training operations.

Head of Academics: Oversees curriculum development, instructor quality, and training

standards.

Trainers: Subject matter experts who lead the teaching process.

Placement Team: Interfaces with hiring companies, manages placement records, and organizes
drives.

1.4 Capacity of the Plant (Training Centers)

Although QSpiders does not operate a "plant" in the traditional industrial sense, each training
center functions as a dedicated learning unit or "skill development hub." Here’s a generalized
view of their training capacity:

GUJARAT TECHNOLOGICAL UNIVERSITY 2 SHREE SWAMINARAYAN INSTITUTE OF TECHNOLOGY

Team ID: 742206 OVERVIEW OF THE COMPANY

Number of Centers: Over 90 centers across major cities in India including Bangalore, Pune,
Hyderabad, Chennai, Ahmedabad, Noida, and more.

Average Capacity per Center:

Training Rooms: 4–8 rooms per center

Batch Size: 40–70 students per batch

Daily Student Turnover: 200–500 students per center (based on city size and branch popularity)

Infrastructure: Smart classrooms, high-speed internet, student labs, projector-based teaching,

and online training platforms for remote learners.

Online Training Reach: Thousands of students across India and abroad attend live virtual
classes, expanding their capacity far beyond physical limits.

This scalable model allows QSpiders to train thousands of students simultaneously across
different locations while maintaining consistency in quality and delivery.

GUJARAT TECHNOLOGICAL UNIVERSITY 3 SHREE SWAMINARAYAN INSTITUTE OF TECHNOLOGY

Team ID: 742206 OVERVIEW OF DEPARTMENT

CHAPTER 2: OVERVIEW OF DIFFERENT DEPARTMENT OF

THE ORGANIZATION
2.1 Work Being Carried Out in Each Department – QSpiders
QSpiders Ahmedabad is a renowned software training institute that specializes in preparing
students and professionals for careers in software development, testing, and automation. The
institute operates through multiple departments that handle different aspects of training and
management. Here’s a breakdown of the work in each department:
1. Training Department

• Conducts lectures, coding sessions, mock interviews, and doubt-solving sessions.

• Offers courses in Manual Testing, Automation Testing (Selenium, API Testing), Java
Development, Python Development, Web Technologies, SQL, and more.

• Uses both theoretical and practical approaches, with hands-on practice in real-world
scenarios.

2. Placement Department

• Coordinates with companies to schedule recruitment drives.

• Guides students in resume preparation, soft skills training, and interview preparation.

• Tracks placement progress and maintains company tie-ups for job opportunities.

3. Administration Department

• Handles student enrollments, fee collections, batch scheduling, and class attendance.
• Manages infrastructure like classroom setup, systems, internet connectivity, and overall
maintenance.
4. Technical Support & Lab Department

• Maintains computer labs used for practice.

• Supports students with software installation, system login issues, and network access.

• Ensures systems are equipped with updated development and testing tools.

5. Student Support & Feedback Cell

• Takes regular feedback to improve the quality of teaching and support services.

• Assists students with queries, certification, and schedule-related issues.

GUJARAT TECHNOLOGICAL UNIVERSITY 4 SHREE SWAMINARAYAN INSTITUTE OF TECHNOLOGY

Team ID: 742206 OVERVIEW OF DEPARTMENT

2.2 Schematic Layout Showing Sequence of Operation for Career Training

(End Product: Job-Ready Candidate)
Admission & Orientation
↓
Foundation Training (Manual Testing, SQL, Java Basics)
↓
Advanced Training (Selenium, API Testing, Web Tech, Frameworks)
↓
Mock Interviews, Resume Preparation, Grooming Sessions
↓
Placement Drives & Company Interviews
↓
Job Offer (End Product: Industry-Ready Candidate)

Explanation of Each Stage in Detail

1. Admission & Orientation

• Students enroll after counseling.

• Orientation includes an overview of the curriculum, faculty introduction, and

infrastructure walkthrough.

2. Foundation Training

• Starts with core concepts like Software Testing Life Cycle (STLC), Software
Development Life Cycle (SDLC), SQL Queries, and Core Java.

• Focuses on logic-building, understanding test cases, and database basics.

3. Advanced Training

• Includes Selenium with Java, TestNG, Maven, Jenkins, REST API Testing using
Postman, and Automation Frameworks like Hybrid or POM.

• Offers optional modules in Python, Web Development (HTML/CSS/JS), and

Git/GitHub.

4. Placement Drives

• QSpiders arranges direct interviews with partnered companies.

• Tracks student performance and offers retry opportunities.

GUJARAT TECHNOLOGICAL UNIVERSITY 5 SHREE SWAMINARAYAN INSTITUTE OF TECHNOLOGY

Team ID: 742206 SOFTWARE SPECIFICATION

CHAPTER 3: SOFTWARE REQUIREMENT SPECIFICATION

3.1 Software Requirements
These are the software tools and technologies required for the development, testing, and
deployment of the Online Exam Portal:

Component Software

Operating System Windows 10/11 / Ubuntu (Linux)

Frontend HTML, CSS, JavaScript, React.js

Backend Node.js, Express.js

Database MongoDB

Version Control Git and GitHub

Code Editor Visual Studio Code

Package Manager npm (Node Package Manager)

Browser Google Chrome / Mozilla Firefox

Postman (API testing), Firebase (Authentication or Notifications,

Other Tools
optional)

3.2 Hardware Requirements

These are the minimum and recommended hardware specifications for development and
deployment:

Component Minimum Requirement Recommended Specification

Processor Intel Core i3 or AMD equivalent Intel Core i5/i7 or AMD Ryzen 5 or higher

RAM 4 GB 8–16 GB

Storage 250 GB HDD or SSD 512 GB SSD

Monitor 15.6” HD display 21” Full HD display

Internet connectivity (minimum

Network Broadband connection with 20+ Mbps
5 Mbps)

GUJARAT TECHNOLOGICAL UNIVERSITY 6 SHREE SWAMINARAYAN INSTITUTE OF TECHNOLOGY

Team ID: 742206 SOFTWARE SPECIFICATION

3.3 Application Environment

This section outlines the environments in which the application is developed, tested, and
deployed.

Environment Details

Development Local machines using Visual Studio Code, Git, and MongoDB Compass

Testing Postman, Browser Developer Tools, Jest/Mocha for unit testing (optional)

Deployment Hosted using services like Render, Vercel, or Heroku

Authentication Can integrate Firebase Auth or JWT-based token management

API Access RESTful APIs built using Express.js and Node.js

3.4 Specific Requirements

Functional Requirements:

• User registration and login (Student & Admin)

• Conduct exams with time limit and question navigation

• Admin panel to add/edit/delete questions and view results

• Result analysis and automatic scoring

• User dashboard with exam history

• Email or popup notifications (optional)

Non-Functional Requirements:

• Responsive design (mobile/tablet/desktop compatible)

• Data security and privacy (user credentials, exam data)

• Scalable backend for future user load

• Fast loading time and optimized database queries

• Cross-browser compatibility

GUJARAT TECHNOLOGICAL UNIVERSITY 7 SHREE SWAMINARAYAN INSTITUTE OF TECHNOLOGY

Team ID: 742206 PROJECT MANAGEMENT

CHAPTER 4: PROJECT MANAGEMENT

4.1 Project Development Approach
A software process model is a simplified representation of a software development process.
For the Online Exam Portal, the Incremental Development Model was selected.
This model allows the project to be broken into manageable modules delivered in iterations.
Planning prepares a framework for estimating time, cost, and scope, and the model helps
manage complexity by developing and delivering features in cycles with feedback integration.

4.2 Project Planning

Project planning includes the identification and scheduling of project tasks, estimation of
required resources, and detailing dependencies. It defines timelines for each development stage
of the Online Exam Portal including design, development, testing, and deployment.
Estimations were made for the required time, effort, and resources to build the portal while
ensuring scalability and usability.

4.3 Project Scheduling

Task No. Task Name Start Month End Month

1 Problem Identification & Survey January January

2 Requirement Analysis & Planning January January

3 System Design & Architecture February February

4 Frontend & Backend Development February March

5 Database Setup & Integration February March

6 Testing & Debugging March April

7 Deployment & Final Report Preparation April April

[Fig. 4.3.1 - Project Timeline]

GUJARAT TECHNOLOGICAL UNIVERSITY 8 SHREE SWAMINARAYAN INSTITUTE OF TECHNOLOGY

Team ID: 742206 PROJECT MANAGEMENT

4.4 Risk Management

Risk management for the Online Exam Portal involves identifying issues that might hinder
successful deployment and usage. Risks like server downtime during exams, data loss, or
authentication failures were considered.
By analysing past systems, predicted failure points were identified and addressed during design
and implementation phases.

4.4.1 Risk Identification

• Authentication Failures – Could restrict access to legitimate users.

• Server Crash or Hosting Issues – During live exams, could result in data loss.
• Database Corruption – Loss of exam data or results.

• Incomplete Question Paper Upload – Causes exam disruptions.

• Network Issues – Especially from the student side, affecting participation.

4.4.2 Risk Analysis

The main objective of risk analysis is to develop strategies for identifying, preventing, and
mitigating risks. It focuses on:

1. Risk Avoidance – Ensuring robust development and testing protocols.

2. Risk Monitoring – Logging and continuously monitoring server health and system
activity.

3. Risk Contingency Planning – Having backup systems and procedures (auto-save

answers, retry options).

4.4.3 Risk Planning

1. Implement proper login/authentication security using Firebase or JWT.

2. Deploy with cloud hosting services with high uptime (like Vercel).

3. Auto-backup database daily to avoid loss of data.

4. Use robust validation and alert systems during exam uploads and executions.

5. Maintain transparent communication with users in case of technical delays.

GUJARAT TECHNOLOGICAL UNIVERSITY 9 SHREE SWAMINARAYAN INSTITUTE OF TECHNOLOGY

Team ID: 742206 SYSTEM ANALYSIS

CHAPTER 5: SYSTEM ANALYSIS

5.1 System Design & Methodology
The Online Exam Portal is designed using the MERN stack (MongoDB, Express, React,
Node.js) and follows the Incremental Model for development. The system consists of three
main modules:

• Admin Module: Handles user management, exam creation, and system monitoring.
• Teacher Module: Manages question uploads, exam content, and student evaluations.

• Student Module: Allows students to take exams, view results, and track performance.

Design highlights:

• Modular and scalable architecture

• RESTful APIs for communication

• Secure JWT-based authentication

• Responsive user interface with React & Bootstrap

5.2 Database Design

Database:
MongoDB(NoSQL)
Data is stored in collections with proper relationships to support each module:

Collection Description

Users Stores admin, teacher, and student data

Exams Contains metadata of exams

Questions Includes all questions under each exam

Submissions Records student responses and scores

Results Final results mapped with students

5.3 Input / Output and Interface Design

Inputs:

• Login/Register forms for all roles

• Exam creation (Admin)

• Question upload (Teacher)

• Exam attempt (Student)

GUJARAT TECHNOLOGICAL UNIVERSITY 10 SHREE SWAMINARAYAN INSTITUTE OF TECHNOLOGY

Team ID: 742206 SYSTEM ANALYSIS

Outputs:

• Result dashboards

• Student performance reports

• System logs and exam analytics

5.3.1 Samples of Forms

Form Role Purpose

Login/Register All Users Authentication

Create Exam Teacher Define exam details

Upload Questions Teacher Enter MCQ content and answers

Attempt Exam Student Take timed online exams

Result Report Student View score, status, and feedback

5.3.2 Access Control

Role Permissions

Admin Manage users, create exams, assign roles, view results, access full control

Teacher Upload questions, view assigned exams, evaluate students

Student Attempt assigned exams, view personal results

• Role-based access implemented with JWT tokens

• Secure endpoints with token validation middleware

GUJARAT TECHNOLOGICAL UNIVERSITY 11 SHREE SWAMINARAYAN INSTITUTE OF TECHNOLOGY

Team ID: 742206 SYSTEM ANALYSIS

5.4 Structural View

5.4.1 Class Diagram

[Fig. 5.4.1.1 – Class Diagram]

5.5 Functional Modelling

5.5.1 Data Flow Diagram (DFD)

[Fig. 5.5.1.1 – Data Flow Diagram]

GUJARAT TECHNOLOGICAL UNIVERSITY 12 SHREE SWAMINARAYAN INSTITUTE OF TECHNOLOGY

Team ID: 742206 SYSTEM ANALYSIS

5.5.2 Data Dictionary

Entity Field Type Description

User userId, password, role String Login credentials and user type

Exam subject, title, time String Exam metadata

Question questions, subject String Associated question and exam info

Submission answers, score Array, Int Student's answers and result

5.5.3 Entity Relationship Diagram (ERD)

[Fig. 5.5.3.1 – ER Diagram]

GUJARAT TECHNOLOGICAL UNIVERSITY 13 SHREE SWAMINARAYAN INSTITUTE OF TECHNOLOGY

Team ID: 742206 SYSTEM ANALYSIS

5.6 Behavioral Modelling

5.6.1 Use-case Diagram
Actors: Admin, Teacher, Student

[Fig. 5.6.1.1 – Use-case Diagram]

5.6.2 Sequence Diagram

Admin Workflow:

[Fig. 5.6.2.1 – Admin Workflow]

Teacher Workflow:

[Fig. 5.6.2.2 – Teacher Workflow]

Student Workflow:

[Fig. 5.6.2.3 –Student Workflow]

GUJARAT TECHNOLOGICAL UNIVERSITY 14 SHREE SWAMINARAYAN INSTITUTE OF TECHNOLOGY

Team ID: 742206 IMPLEMENTATION

CHAPTER 6: IMPLEMENTATION
6.1 Admin Module

[Fig. 6.1.1 –Admin Login]

[Fig. 6.1.2 –Admin Dashboard]

GUJARAT TECHNOLOGICAL UNIVERSITY 15 SHREE SWAMINARAYAN INSTITUTE OF TECHNOLOGY

Team ID: 742206 IMPLEMENTATION

[Fig. 6.1.3 –Add Teacher]

[Fig. 6.1.4 –Teacher Added]

GUJARAT TECHNOLOGICAL UNIVERSITY 16 SHREE SWAMINARAYAN INSTITUTE OF TECHNOLOGY

Team ID: 742206 IMPLEMENTATION

[Fig. 6.1.5 –Manage Teachers]

[Fig. 6.1.6 –Manage Students]

GUJARAT TECHNOLOGICAL UNIVERSITY 17 SHREE SWAMINARAYAN INSTITUTE OF TECHNOLOGY

Team ID: 742206 IMPLEMENTATION

[Fig. 6.1.7 –Add Subject]

[Fig. 6.1.8 –Manage Subjects]

GUJARAT TECHNOLOGICAL UNIVERSITY 18 SHREE SWAMINARAYAN INSTITUTE OF TECHNOLOGY

Team ID: 742206 IMPLEMENTATION

6.2 Teacher Module

[Fig. 6.2.1 –Teacher Login]

[Fig. 6.2.2 –Teacher Home Page]

GUJARAT TECHNOLOGICAL UNIVERSITY 19 SHREE SWAMINARAYAN INSTITUTE OF TECHNOLOGY

Team ID: 742206 IMPLEMENTATION

[Fig. 6.2.3 –Add Questions]

[Fig. 6.2.4 –Manage Questions]

GUJARAT TECHNOLOGICAL UNIVERSITY 20 SHREE SWAMINARAYAN INSTITUTE OF TECHNOLOGY

Team ID: 742206 IMPLEMENTATION

[Fig. 6.2.5 –Create Test]

[Fig. 6.2.6 –View Test]

GUJARAT TECHNOLOGICAL UNIVERSITY 21 SHREE SWAMINARAYAN INSTITUTE OF TECHNOLOGY

Team ID: 742206 IMPLEMENTATION

6.3 Student Module

[Fig. 6.3.1 –Student Home Page]

[Fig. 6.3.2 – View All Test]

GUJARAT TECHNOLOGICAL UNIVERSITY 22 SHREE SWAMINARAYAN INSTITUTE OF TECHNOLOGY

Team ID: 742206 IMPLEMENTATION

[Fig. 6.3.3 – Upcoming Test]

[Fig. 6.3.4 – Start Test]

GUJARAT TECHNOLOGICAL UNIVERSITY 23 SHREE SWAMINARAYAN INSTITUTE OF TECHNOLOGY

Team ID: 742206 IMPLEMENTATION

[Fig. 6.3.5 – Give Test]

[Fig. 6.3.6 – Test Ended]

GUJARAT TECHNOLOGICAL UNIVERSITY 24 SHREE SWAMINARAYAN INSTITUTE OF TECHNOLOGY

Team ID: 742206 IMPLEMENTATION

[Fig. 6.3.7 – Test Completed]

[Fig. 6.3.8 –Result Page]

GUJARAT TECHNOLOGICAL UNIVERSITY 25 SHREE SWAMINARAYAN INSTITUTE OF TECHNOLOGY

Team ID: 742206 IMPLEMENTATION

[Fig. 6.3.9 – Result Declared]

[Fig. 6.3.10 – Result Analysis]

GUJARAT TECHNOLOGICAL UNIVERSITY 26 SHREE SWAMINARAYAN INSTITUTE OF TECHNOLOGY

Team ID: 742206 TESTING

CHAPTER 7: TESTING
7.1 Testing Plan
The purpose of testing is to ensure that the Online Exam Portal performs as expected and fulfills
all specified requirements. The testing approach includes:
• Unit Testing: Individual components (e.g., login, exam creation, submission) are tested
for correctness.
• Integration Testing: Modules such as Admin, Teacher, and Student are tested in
combination to ensure smooth data flow.

• System Testing: The complete portal is tested as a whole for performance, security, and
functionality.

• User Acceptance Testing (UAT): Conducted with a sample of users to validate user
experience and application usability.

Tools Used: Postman (API testing), Browser Dev Tools, Manual Test Cases

7.2 Test Results

All test cases were executed manually and most critical modules were validated using various
tools.

7.2.1 Test Cases

Test Case Module Test Case Input Expected Actual Status
ID Description Output Output

TC_001 Login Verify login Username and Redirect to As Pass

with valid Password respective Expected
credentials dashboard

TC_002 Login Verify login Invalid Error As Pass

with invalid Username/Password message: Expected
credentials "Invalid
credentials"

TC_003 Admin Add new Teacher details Success As Pass

teacher (name, email, message: Expected
password) "Teacher
added
successfully"

TC_004 Admin Add new Student details Student listed As Pass

student in student list Expected

GUJARAT TECHNOLOGICAL UNIVERSITY 27 SHREE SWAMINARAYAN INSTITUTE OF TECHNOLOGY

Team ID: 742206 TESTING

TC_005 Teacher Create new Exam title, time, Exam saved As Pass
exam questions successfully Expected

TC_006 Teacher Add multiple Question, options, Question As Pass

choice correct answer added to Expected
question exam

TC_007 Student Attempt Correct answers Full score As Pass

exam with all selected calculated Expected
correct
answers

TC_008 Student Attempt Partial answers Score As Pass

exam and calculated Expected
submit and
displayed

TC_009 Admin Delete user Select and delete Student As Pass

account student removed Expected
from the list

TC_010 Security Unauthorized Student tries to open Access As Pass

access to admin URL denied or Expected
admin panel redirected

TC_011 Result View result Student clicks on Show exam As Pass

summary "View Result" result with Expected
score and
answers

TC_012 Validation Prevent form Blank form Validation As Pass

submission submitted error Expected
with empty message
fields displayed

TC_013 UI/UX Check Access portal on Proper As Pass

responsive mobile browser mobile view Expected
design on layout
mobile

TC_014 Teacher Update exam Modify an existing Question As Pass

question question updated Expected
successfully

TC_015 Admin Generate list Click on report PDF/Excel As Pass

of all students generation report Expected
and their downloaded
results

GUJARAT TECHNOLOGICAL UNIVERSITY 28 SHREE SWAMINARAYAN INSTITUTE OF TECHNOLOGY

Team ID: 742206 CONCLUSION AND DISCUSSION

CHAPTER 8: CONCLUSION AND DISCUSSION

8.1 Overall Analysis of Project Viabilities
The Online Exam Portal project successfully demonstrates how a web-based system can
simplify and digitalize the examination process for educational institutions. The viability of
this project lies in its:

• Scalability: The system supports multiple users across roles (Admin, Teacher, Student),
ensuring it can be scaled for institutions of any size.

• Flexibility: Easily adaptable for any subject, course, or department with simple
modifications.

• Accessibility: Hosted online, allowing students and teachers to access and manage
exams remotely.

• Cost-effectiveness: Reduces dependency on physical exam materials and manual

processes, saving institutional resources.

8.2 Summary of Project Work

The Online Exam Portal was developed using the MERN Stack (MongoDB, Express.js,
React.js, Node.js), focusing on robust user management, security, and ease of access.

Modules Developed:

• Admin Module: Manages teachers, students, and exams. Has full access to the system.

• Teacher Module: Creates and manages exam questions, views student results.
• Student Module: Attempts exams and views scores.

Key Features:

• Secure login system for each role.

• Dynamic exam creation with MCQs.

• Real-time result generation and result storage.

• Role-based access control.

The project was planned and executed over 3 months, involving planning, designing, coding,
testing, and deployment phases. The testing ensured that each feature was functional and met
the user requirements.

GUJARAT TECHNOLOGICAL UNIVERSITY 29 SHREE SWAMINARAYAN INSTITUTE OF TECHNOLOGY

Team ID: 742206 CONCLUSION AND DISCUSSION

8.3 Limitations and Future Enhancements

Limitations:

• The current version supports only objective-type questions (MCQs).

• Lacks integration with video proctoring tools for online invigilation.

• Limited analytics and reporting for student performance trends.

Future Enhancements:
• Support for subjective questions and automatic evaluation using AI.

• Integration of video surveillance and screen monitoring for cheating prevention.

• Implementation of real-time chat for teacher-student interactions during exams.

• Mobile app version for better accessibility.

• Advanced analytics dashboard for teachers and admin for insights into performance
trends and user activity.

GUJARAT TECHNOLOGICAL UNIVERSITY 30 SHREE SWAMINARAYAN INSTITUTE OF TECHNOLOGY

Team ID: 742206 REFERENCES

CHAPTER 9: REFERENCES
9.1 References
1. W3Schools – https://www.w3schools.com

2. GeeksforGeeks – https://www.geeksforgeeks.org

3. MDN Web Docs – https://developer.mozilla.org

4. React Documentation – https://reactjs.org/docs

5. MongoDB Documentation – https://www.mongodb.com/docs

6. Node.js Documentation – https://nodejs.org/en/docs

7. GitHub
8. Stack Overflow – https://stackoverflow.com

GUJARAT TECHNOLOGICAL UNIVERSITY 31 SHREE SWAMINARAYAN INSTITUTE OF TECHNOLOGY