Industrial Internship Report

On

Horizontal Aptitude Test Portal

Submitted by

Dia Patel
12102080601032

In partial fulfillment for the award of the degree of

BACHELOR OF ENGINEERING
in
Information Technology
A. D. Patel Institute of Technology

The Charutar Vidya Mandal (CVM) University,

Vallabh Vidyanagar – 388120
April, 2025
 A. D. Patel Institute of Technology
Information Technology

CERTIFICATE
This is to certify that Dia Patel (12102080601032) has submitted the Industrial Internship

report based on internship undergone at Horizontal Digital for a period of 16 weeks from

06/01/25 to 30/04/25 in partial fulfillment for the degree of Bachelor of Engineering in

Information Technology, A D Patel Institute of Technology at The Charutar Vidya

Mandal (CVM) University, Vallabh Vidyanagar during the academic year 2024 – 25.

Prof. Khushali Patel Dr. N C Chauhan

Internal Guide Head of the Department

1
INTERNSHIP CERTIFICATE

2
 A.D. Patel Institute of Technology

New Vallabh Vidyanagar, Vitthal Udyognagar, Anand, Gujarat 388121

DECLARATION

I, Dia Patel (12102080601032), hereby declare that the Internship report submitted along

with the project entitled Horizontal Aptitude Test Portal submitted in partial fulfilment

for the degree of Bachelor of Engineering in Information Technology, ADIT to The

Charutar Vidya Mandal University, Vallabh Vidhyanagar is a bonafide record of

original project work carried out by me at Horizontal Digital, Vadodara under the

supervision of Prof. Khushali Patel and that no part of this report has been directly

copied from any student’s reports or taken from any other source, without providing due

reference.

Name of the Student Sign of Student

Dia Patel

3
 ACKNOWLEDGMENT

With heart-felt gratitude, I would like to acknowledge the great support, help and
guidance of God and number of persons, who helped me to reach at this pinnacle.

I consider my privilege to express deep sense of gratitude and indebtedness to my Guide

Prof. Khushali Patel for their valuable guidance, inspiration and constructive
suggestions throughout and whole hearted support continuously, for the period of this
dissertation.

I express a deep sense of gratitude to Dr. N. C. Chauhan (H.O.D. IT Dept.) for providing
guidance and support from time to time.

I owe thanks to all my classmates for providing me joyous moments, for the constructive
discussions and valuable suggestions.

Last but not the least how can I fail to thank my family who has given me full support
throughout my student life. It was no exception this time.

Dia Patel

4
 ABSTRAT

The Horizontal Aptitude Test Portal is an online platform designed to facilitate self-

assessment of skills based on individual interests within a set timeframe. This web-based,

responsive portal enables users to take customized aptitude tests while allowing

administrators to create, edit, and manage tests through an Admin portal. The system

supports various test categories, providing a structured evaluation of skills, abilities, and

potential. The project employs React, ASP.Net, and Sitecore 10.4 for frontend and

backend development. The QA process integrates automated and manual testing using

Selenium, QMetry, and SnagIt. Project management is handled via Bitbucket, Jira, and

Confluence to ensure seamless collaboration. With a planned timeline from January 6,

2025, to April 25, 2025, the project is currently in the completed phase and is led by the

Horizontal Digital Technology Team. The outcome will be a fully functional,

configurable aptitude testing portal that streamlines skill evaluation and test execution.

5
 LIST OF FIGURES

Fig 1.1 Horizontal Logo 1

Fig 1.2 Global Offices of Horizontal Digital 1
Fig 1.3 Horizontal Talent Logo 2
Fig 1.4 Our Solution 2
Fig 1.5 Horizontal Digital Logo 2
Fig 1.6 Sitecore Logo 3
Fig 1.7 Saleforce Logo 4
Fig 1.8 Acquia Logo 5
Fig 1.9 Coveo Logo 5
Fig 1.10 Our Capabilities 6
Fig 1.11 Infrastructure, Integration and Government 8
Fig 1.12 Client Partnership 10
Fig 1.13 Organization chart 10
Fig 1.14 Horizontal Digital Chart 12
Fig 1.15Horizontal Partners 12
Fig 3.1 System Analysis 20
Fig 3.2 Agile Methodology 26
Fig 3.3 Scrum Ceremonies 27
Fig 4.1 MVC Architecture 28
Fig 4.2 Agile Methodology 39
Fig 4.3 Sprint 30
Fig 4.4 Use Case Diagram 31
Fig 4.5 Project Architecture (Admin) 32
Fig 4.6 Project Architecture (User Test) 33
Fig 4.7 Add User Information UI 34
Fig 4.8 User Test UI 35
Fig 4.9 Admin Login UI 36
Fig 4.10 Admin Dashboard UI 37
Fig 4.11 Add Terminology UI 38
Fig 4.12 Create Question UI 39
Fig 4.13 Review Question UI 40
Fig 4.14 Download Report UI 41
Fig 5.1 Aptitude Portal Homepage 47
Fig 5.2 Aptitude Portal User Information Form Page 49
Fig 5.3 Aptitude Portal User Test Question Page 51
Fig 5.4 Aptitude Portal Review All Question Page 53
Fig 5.5 Aptitude Portal Admin Login Page 54
Fig 5.6 Aptitude Portal Admin Dashboard Page 56
Fig 5.7 Aptitude Portal Create Q/A Page 58
Fig 5.8 Aptitude Portal Terminology Page 60
Fig 5.9 Aptitude Portal Review Q/A Page 62

6
Fig 5.10 Aptitude Portal Create Test Page Step-1 64
Fig 5.11 Aptitude Portal Create Test Page Step-2 65
Fig 5.12 Aptitude Portal Create Test Page Step-3 66
Fig 5.13 Aptitude Portal Create Test Page for University 67
Fig 5.14 Aptitude Portal Create Test Page for Marks 68
Fig 5.15 Aptitude Portal Create Test Page for Students 68

7
 TABLE OF CONTENTS
Acknowledgement
Abstract
List of Figures
Table of Contents
CHAPTER - 1 OVERVIEW OF THE COMPANY
1.1. History
1.1.1. Horizontal Talent
1.1.2. Horizontal Digital
1.2. Different Product/ Scope of Work
5
1.2.1 Customer Data Management
1.2.2. Digital Experience Management
1.2.3. Infrastructure, Integration & Governance
1.2.4. Analytics & AI
1.2.5. Marketing Automation
1.2.6 Managed Services
1.2.7 Sales, Services & CRM
1.3. Organization Chart
1.3.1 Sales, Services & CRM
1.3.2 Sales, Services & CRM

1.4. Capacity Plant

CHAPTER – 2 INTRODUCTION
2.1. Internship and Project Summary
2.2. Purpose
2.3. Objective
2.4. Scope
2.5. Tools & Technology
2.6. Project Planning
2.6.1. Project Development Approach & Justification
2.6.2. Project Effort & Time, Cost Estimation
2.6.3. Roles & Responsibility
2.6.4. Group Dependencies
CHAPTER – 3 SYSTEM ANALYSIS
3.1. Study Of Current System
3.2. Problem And Weakness Of Current System
3.3. Requirements Of New System
3.4. System Visibility
3.4.1. The System Contribution To Overall Objective

8
 3.4.2. The System Implementation
3.5. Proposed System
3.6. Features Of New System
3.7. Processes
3.8. Selection Of Software, Methodology & Approach
3.8.1. List Of Software Used To Develop The System
3.8.2. Agile Methodology Implementation
CHAPTER - 4 SYSTEM DESIGN
4.1. System Design & Methodology
4.1.1. Model, View & Controller
4.1.2. System Methodology
4.1.3. Agile Methodology
4.1.4. Agile Scrum
4.2. Structure Design
4.3. Project Architecture
4.3.1 Admin and User Flow Architecture
4.3.2 Sample of Forms, Reports & Interfaces
CHAPTER – 5 IMPLEMENTATION
5.1. Module Specification
5.1.1. Admin Login
5.1.2. Admin Dashboard
5.1.3. Add Terminology
5.1.4. Create Questions
5.1.5. Review Questions
5.1.6. Create Test
5.1.7. Edit Test
5.1.8. Copy Test
5.1.9. Review Test
5.1.10. Home page
5.1.11. User Add Information Form page
5.1.12. Question/Answer Page
5.1.13. Review All Question Page
5.2. Outcomes
CHAPTER – 6 CONCLUSION
REFERENCES

9
12102080601032 Overview of Company

CHAPTER 1: OVERVIEW OF THE COMPANY

1.1 HISTORY

Fig 1.1 Horizontal Logo

ONE BUSINESS. TWO SERVICES. INFINITE FLEX.

Horizontal as an organization is contributing its services in two parts. One is Horizontal

Talent and the other is the sister company named Horizontal Digital. Being a global
organization, its offices are spread worldwide.

1. Location and spread of the company: We have offices in 5 different locations in India
i.e., Vadodara, Bangalore, Jaipur, Pune, and Hyderabad.
2. Number of employees: 800+
3. Functions of the company –

Horizontal Digital has 3 lines of business - Sitecore, Salesforce, and DevOps. Horizontal
Talent – India Staffing and US Staffing.

Fig. 1.2 Global Offices of Horizontal Digital

1
12102080601032 Overview of Company

1.1.1 Horizontal Talent

Fig 1.3 Horizontal Talent Logo

NOT JUST ANOTHER STAFFING COMPANY

The Horizontal Talent team connects forward-thinking talent with companies that are
shaping today’s world. This is possible because of the team of 100+ expert global
recruiters that are helping to make this possible.

Our Expertise in Information Technology Business & Strategy

Digital Marketing & Creative

Our Solutions
Contingent, Permanent, Search, Managed Services, Offshore Staffing.

Fig. 1.4 Our Solution

1.1.2 Horizontal Digital

Fig 1.5 Horizontal Digital Logo

AN EXPERIENCE-FORWARD DIGITAL CONSULTANCY

CVM University 2 A D Patel Institute of Technology

12102080601032 Overview of Company

The digital team creates greater possibilities between brands and customers through
connected digital experiences that continually raise the bar.

OUR EXPERTISE
CX Strategy & Design Data,
Analytics & AI

Marketing Automation
Commerce

Sales, Service, and

CRM
Digital Experience Management

PLATFORM AND TECHNOLOGY PARTNER

● Sitecore

Fig 1.6 Sitecore Logo

Sitecore is a customer experience management company that provides web content

management, and multichannel marketing automation software. Sitecore is a leading
digital experience software used by organizations globally to create seamless,
personalized digital experiences. Sitecore is an integrated platform powered by .net CMS,
commerce, and digital marketing tools. Sitecore’s key product is the Sitecore Experience
Platform (XP) which combines their powerful content management system (CMS)
Sitecore Experience Manager and Sitecore Experience Database (xDB).
Sitecore is a fully- featured, connected customer experience platform. You can do much
more than just manage your online content. Out of the box you’ve functionality for:

● Tracking and analytics

● Personalization

CVM University 3 A D Patel Institute of Technology

12102080601032 Overview of Company

● Building marketing campaigns

● Content optimization
● Gaining a single view of individual customers

With Sitecore you can create, deliver, and optimize for an end-to-end customer
experience that spans acquisition, nurturing, conversion, retention, and advocacy.

● Salesforce

Fig 1.7 Salesforce Logo

Salesforce is a cloud-based software company. It provides customer relationship

management software and applications focused on sales, customer service, marketing
automation, analytics, and application development.

Salesforce services allow businesses to use cloud technology to better connect with
partners, customers, and potential customers. Using the Salesforce CRM, companies can
track customer activity, market to customers, and many more services.

A CRM platform helps you go deeper with all your metrics and data; you could also set
up a dashboard that showcases your data visually. In addition to this, you can also have
personalized outreach with automation. Another significant benefit is that a CRM
platform can also improve customer service's ability to help customers or a sales team's
outreach efforts.

● Acquia

Fig 1.8 Acquia Logo

Acquia is a software-as-a-service company to provides enterprise products, services, and

technical support for the open-source web content management platform Drupal.

Drupal is a free and open-source web content management system written in PHP and
distributed under the GNU General Public License. Drupal provides an open-source
backend framework. Drupal is a free Content Management System (CMS). Acquia is a
company that offers paid Drupal services and freely contributes important code to the
Drupal community.
● Coveo

CVM University 4 A D Patel Institute of Technology

12102080601032 Overview of Company

Fig 1.9 Coveo Logo

Coveo is a software-as-a-service search engine, powered by artificial intelligence. Coveo
is a multi-faceted platform that uses search, machine learning, and behavioral signals to
increase the relevance of search, content recommendations, and personalized experience.

1.2 DIFFERENT PRODUCT / SCOPE OF WORK

1.2.1 Customer Data Management

It helps in building a holistic view for the customers. Truly connected customer
experiences across every channel and touchpoint give you a competitive edge in the
marketplace. That’s why it fuses an experience-forward mindset with deep expertise in
data and technology platforms that build seamless customer journeys for the clients.

It says - No friction. No loopholes. No dead ends.

The process starts by implementing a rock-solid customer 360 data management strategy.
This informs where and how your customer data is consolidated to drive contextual
personalization on a 1:1 level. Next, our team leverages an enterprise-grade customer data
platform (CDP) to unify your data and connect it to other systems sparking the creation of
personalized customer journeys.

Throughout the process, our expertise empowers us to gather the right data and keep it
clean, protected, consistent, and actionable.
Digital Experience Manageme

It helps to specialize in strategizing, creating, and executing enterprise experience

management platform (EXM) solutions that elevate customer experience while driving
business outcomes. But where we truly excel is maximizing the potential of EXM
platforms to create seamless engagements that span devices, consumer/personal
segments, regions/countries/languages, and more.

Fig 1.10 Our Capabilities

CVM University 5 A D Patel Institute of Technology

12102080601032 Overview of Company

1.2.2 Infrastructure, Integration & Governance

It helps in creating superior customer experience that requires a powerhouse of technical

foundation. Users expect digital experiences that are safe, always-on, and lightning-fast.
Downtime, lag time, missing data, and bugs can cost businesses dollars and customers.
We specialize in proven enterprise-class infrastructure and integration solutions to
connect systems and data in ways that are seamless and secure and blazing fast. We pride
ourselves on providing safe hands and a knowledgeable team to guide customers through
hosting, connecting, securing, scaling, and governing their experience platform
infrastructure.

Fig 1.11 Infrastructure, Integration and Government

1.2.3 Analytics & A

CVM University 6 A D Patel Institute of Technology

12102080601032 Overview of Company

The promise of delivering real-time experiences is no longer science fiction. By

harnessing oceans of customer data, machine learning and AI platforms are answering
customer needs today while also anticipating what they want tomorrow. But data itself is
not a solution. Collecting it is so deceptively simple that many companies often drown
themselves in data points rather than using them to drive actions that prove real value.

We partner with clients to proactively collect data and act on it in real-time all to power
in-the-moment interactions with your customers and optimize future experiences with
your organization. In addition, we leverage best-of-breed machine learning and AI
technologies to take these insights further by accurately predicting customer behaviors
and personalizing experiences that build both long-term relationships and greater
possibilities in the process.

1.2.4 Marketing Automation

Our marketing automation expertise powers successful communications programs across

email, SMS notifications, social, blogs, and other content vehicles. The result gives
personalized messages at scale for unique users, without the need to churn marketing
team hours and intervention to ensure effective outcomes. But we don’t stop there.
Through our connected experience focus, we help organizations use their data from
interactions across their digital platforms to provide an in-depth, 360-degree view of their
customers. And with this intelligence, we activate marketing messages that anticipate
customer needs vs simply reacting to them.

1.2.5 Managed Services

Users expect digital experiences that are safe, always-on, and lightning-fast. Downtime,
lagtime, missing data, and bugs can cost businesses dollars and customers. We specialize
in proven enterprise-class infrastructure and integration solutions to connect systems and
data in ways that are seamless and secure and blazing fast. We pride ourselves on
providing safe hands and a knowledgeable team to guide customers through hosting,
connecting, securing, scaling, and governing their experience platform infrastructure.

1.2.6 Sales, Services & Crm

It helps in simply putting and converting new customers and keeping in mind that loyal
customers require care. It helps businesses nurture lasting relationships through
intelligence and interactions that prove value to your prospects, at every opportunity. This
connected approach enables us to capture more actionable data about the prospects from
what they find most useful on your digital properties to the types of messages that
resonate most with them. Personalization and context are weaved into every customer’s
engagement. Therefore, no more customer service dead-ends or constant restarts from the
beginning. Instead, it counts on fluid conversations that resolve customer issues at the
moment.

1.2.7 Commerce

CVM University 7 A D Patel Institute of Technology

12102080601032 Overview of Company

It’s purpose-built that delivers on these expectations of the clients. It is done so by

seamlessly fusing sales, service, and marketing data across the e-commerce destinations
we build. We know how each of the customers is using the e-commerce platforms. Where
they’re discovering the products. What they’re buying and what they’re leaving for
maybe later. Even what they want next. Till now the organization has successfully
partnered with various clients across the globe. Some of them have been mentioned below

Fig 1.12 Client Partnership

1.3 ORGANIZATION CHART

Horizontal

Horizontal Talent Horizontal Digital

Fig 1.13 Organization Chart

1.3.1 Horizontal Talent

Horizontal Talent specializes in staffing for information technology, digital marketing &
creative, and business & strategy markets. This part of the company works on
Information Technology, Business, and Strategy. They have their expertise in digital
marking and creativity. Their solutions are contingent, permanent, search, managed
Search, and offshore staffing. They have top 2% world staffing companies, 82.6% net
promoter score, 1300+ active billing consultants, and 100+ active global recruiters.

CVM University 8 A D Patel Institute of Technology

12102080601032 Overview of Company

1.3.2 Horizontal Digital

Our sister company, Horizontal Digital, creates meaningful omnichannel experiences for
clients from strategic planning to creative execution. Our experience hiring top-tier talent
for Horizontal Digital gives us precise insights into the skills it takes to move the needle.
This same specialized knowledge helps us spot the right talent for our clients. This part of
the company works on CX Strategy and Design, Marketing Automation, Data Analytics
and AI, and Commerce. They are expertise in Sales Service and CRM, Digital Experience
Management.
Platforms and Partners are Sitecore, Salesforce, Acquia, and Coveo. The company has
100+ web implementations, 14+ Sitecore MVPs, 150+ Certified Developers, and 300+
Sitecore Cross-Cloud Certified.
Horizontal Digital is an experience-forward consultancy that invests in understanding the
needs, wants and ambitions of customers through the data they provide — data that is
unlocked across every digital experience and engagement. We use this data to meet
customers at the right moment with precise strategies, technologies, and creative
approaches that maximize their value. Founded in 2003, we are a certified Minority
Business Enterprise that proudly invests in the diversity and growth of our in-house talent
as well as our local communities through charitable and on-site volunteer efforts.

Horizontal Digital is headquartered in Minneapolis, MN. Additional U.S. offices are in

Denver, Dallas, and Indianapolis, with a global presence in Dubai; U.A.E.; Bengaluru,
Vadodara, and Pune, India; and Kuala Lumpur, Malaysia.

CVM University 9 A D Patel Institute of Technology

12102080601032 Overview of Company

Fig 1.14 Horizontal Digital Chart

1.4 CAPACITY AND PLANT

The overall capacity of Horizontal as an organization, including all the global offices
would be more than 800. This bunch of people is divided into various departments, each
working exceptionally to deliver the best.

Fig 1.15 Horizontal Partners

CVM University 10 A D Patel Institute of Technology

 12102080601032 System Analysis

CHAPTER – 2 INTRODUCTION

2.1 INTERNSHIP & PROJECT SUMMARY

● I have joined Horizontal as an Associate DX Engineer and currently working as

an Intern.
● The goal of this internship/training is to get grip on fundamental technology for
the respective department and understand how we approach it here at
Horizontal.
● And for that, we have worked on an internal project that is at the level of a
real-time industry project.

Project Title: Horizontal Aptitude Test Portal

An online platform designed to facilitate self-assessment of skills based on individual

interests within a set timeframe. The assessments can be customized through an Admin

portal, enabling administrators to create tests for various departments and categories to

evaluate individuals' specific skills, abilities, and potential. The admin portal also allows

for the editing and reuse of existing tests.

2.2 PURPOSE
● Facilitate Skill Assessment – Provide users with a structured platform to
evaluate their skills through customizable aptitude tests.
● Enable Custom Test Creation – Allow administrators to create, edit, and manage
tests across various categories based on specific evaluation needs.
● Enhance User Experience – Develop a responsive and user-friendly interface for
seamless test-taking across different devices.
● Improve Test Quality – Implement automated and manual testing using
Selenium, QMetry, and SnagIt to maintain accuracy and reliability.
● Streamline Project Collaboration – Leverage BitBucket, Jira, and Confluence
for efficient project tracking and teamwork.

2.3 OBJECTIVE
● Develop a Web-based Self-Assessment Platform: Create an online platform
that enables users to assess their skills based on their individual interests within
a defined timeframe.

CVM University 11 A D Patel Institute of Technology

 12102080601032 System Analysis

● Create an administrative portal: To develop a backend interface that

empowers administrators to create, edit, and manage aptitude tests effectively.
● User Customization: Allow users to take customized aptitude tests tailored to
their specific needs, skill sets, and preferences.

2.4 SCOPE
Admin Portal Features:

i. User Authentication & Access Control:

● Admins will have secure login functionality with role-based access
control.
● Admins will be able to manage their account settings through Sitecore,
such as password changes.

ii. Test Creation and Management:

● Admins will be able to create aptitude tests for specific universities, years,
and departments.
● Admins will be able to select questions from a question bank and
configure test settings, such as the selection of questions, time limits,
departments, and categories.
● Ability to edit, delete, and update existing tests and questions as necessary.

iii. Question Bank Management:

● Admins will be able to add, edit, or delete questions.
● Admins will have the option to categorize questions according to
departments.
● Questions will have fields for positive and negative marks.

iv. Reporting and Analytics:

● Admins will be able to generate reports based on various filters (e.g. year,
university, department, student name etc..).
● Different reports will contain different metrics like category wise marks,
total marks, questions, selected answers.

CVM University 12 A D Patel Institute of Technology

 12102080601032 System Analysis

● Admins will be able to download reports in Excel format.

User Portal Features:

i. Open Exam Access:

● The portal will be open to all users without requiring registration or
profile setup.
● Users will visit the website and access the aptitude tests based on certain
criteria like year, university, and department as he/she has filled in the
form.

ii. Shuffled Question Order:

● will be presented in a randomized order for each user to ensure fairness
and avoid predictability.

iii. Timer Functionality:

● Each test will have a countdown timer visible to the user.
● The timer will start when the test begins, and the user will see the timer all
the time while giving the test to keep track of remaining time.

iv. Auto-Submit Feature:

● Once the timer runs out, the test will be automatically submitted, and the
user will no longer be able to make changes to their answers.

2.5 TOOLS & TECHNOLOGY

● Front-End
o Technologies: HTML, CSS, SCSS, JavaScript, React JS, HIVE
(Horizontal Integration View Engine)
o Tools: Visual Studio Code, Figma for UI
● Back-End Technologies
o Technologies: Sitecore 10, .NET MVC, C#, Microsoft SQL Server
o Tools: Microsoft Visual Studio 2022, Microsoft SQL Server Management
Studio.

CVM University 13 A D Patel Institute of Technology

 12102080601032 System Analysis

● Project Management Tools

o Tools: BitBucket, Jira, Confluence, Source-Tree

● QA Tools
o Tools: QMetry, SnagIt, and Selenium IDE.

● HR Tools
o Tools: GreytHR

2.6 PROJECT PLANNING

2.6.1 Project Development Approach & Justification

We will be following the Agile approach to keep track of the project deliveries. The
Sprint cadence would be of 4 weeks. Sprint 0 will be a training sprint that will give the
mentors sufficient time to provide the basic training that can be the pre-requisite of the
project execution.

Agile is a project management methodology characterized by building products using

short cycles of work that allow for rapid production and constant revision.
SCRUM ceremonies:

Scrum is a framework for project management that emphasizes teamwork, accountability,

and iterative progress toward a well-defined goal.

● Backlog Refinement
● Sprint Planning
● Daily SCRUM Meeting
● Sprint Review
● Sprint Retrospective
● New Sprint Grooming
2.6.2 Project Effort & Time, Cost Estimation
Project estimation is the process of forecasting the time, cost, and resources needed to
deliver a project. It typically happens during project initiation and/or planning and takes
the project’s scope, deadlines, and potential risks into account.

CVM University 14 A D Patel Institute of Technology

 12102080601032 System Analysis

A project estimate gives you and your stakeholders a general idea of how much time,
effort, and money it’ll take to get the job done. That makes it easier to build a feasible
budget and plan so you can set your team and organization up for success.

A realistic effort estimate requires you to have a clear understanding of certain elements
of the project:

● The purpose and scope of the project (If working with a client, what are their
expectations?)
● What needs to be done to achieve it.
● What resources should be allocated.
● Timeline.

2.6.3 Role & Responsibility

Role: Associate DX Engineer
Responsibility:

● Planning the structure of the component and creating subtasks accordingly.

● Estimating time for assigned story and log the total work time every day.
● Writing readable and reusable code to ensure the sustainability and
maintainability of the project.
● Writing code with exceptions to handle potential errors and ensure robustness.
● Creating pixel-perfect UI to provide a seamless user experience.
● Attending scrum meetings to collaborate with other team members and ensure
project progress is on track.
● Communicating effectively with other team members throughout the
development phase to ensure a smooth and efficient workflow.
● Giving walkthroughs for the Quality Assurance team to provide a clear
understanding of the component and facilitate the testing process.
With these responsibilities, I strive to contribute to the success of the project by
delivering high-quality work and maintaining open communication with my team.

2.6.4 Group Dependencies

Dependencies are the relationships between work that determine the order in which the
work items (features, stories, tasks) must be completed by Agile teams.

CVM University 15 A D Patel Institute of Technology

 12102080601032 System Analysis

No project is managed in a vacuum. Within a single project, dependencies occur –

between people, steps, functions, or teams.

● Code dependencies: Each developer's code may depend on the code written by
other developers. For example, a frontend developer may need to use APIs
developed by backend developers, and vice versa.
● Resource dependencies: Developers may require access to shared resources
like databases, APIs, or third-party libraries, which may need to be integrated
into the project.
● Technical dependencies: Technical dependencies may arise due to differences
in programming languages, frameworks, or tools used by different developers.
Ensuring compatibility and integration of these technologies will be important.
● Timeline dependencies: Different components of the project may have
dependencies on each other, and any delay in one component may cause a delay
in others. For example, if the backend development is delayed, it may delay the
frontend development.
● Communication dependencies: Effective communication among team
members is critical to ensure smooth collaboration and progress. The QA team
may also depend on developers to provide them with clear instructions on how
to test and troubleshoot the components.
● Quality dependencies: The QA team may depend on developers to deliver
high-quality code that meets the requirements and expectations of the project.
● Management dependencies: The success of the project may also depend on the
project manager's ability to allocate resources, manage timelines, and
communicate effectively with both the development and QA teams.

Overall, ensuring effective coordination and communication among team members,

managing timelines and resources, and delivering high-quality work will be essential to
manage the dependencies and successfully complete the project.

CHAPTER - 3 SYSTEM ANALYSIS

3.1 STUDY OF CURRENT SYSTEM

CVM University 16 A D Patel Institute of Technology

 12102080601032 System Analysis

Systems analysis is "the process of studying a procedure or business to identify its goal

and purposes and create systems and procedures that will efficiently achieve them". The

basic goal of system analysis is to develop a clear understanding of the new system’s

requirements.

Fig 3.1 System Analysis

The Horizontal Aptitude Test Portal is an online platform designed to facilitate self-
assessment of skills based on individual interests within a defined timeframe. The system
allows administrators to create and manage customized aptitude tests for various
universities and departments. Users can take the tests based on their details (university,
stream, department) and receive instant feedback after completing the test.

3.2 PROBLEM AND WEAKNESS OF CURRENT SYSTEM

● Manual Test Management: In the current system, test creation, scheduling,
and management may be done manually, leading to inefficiencies, errors, and a
lack of real-time updates. There’s a high likelihood of mistakes during test
updates or question selection, making the process cumbersome for
administrators.

CVM University 17 A D Patel Institute of Technology

 12102080601032 System Analysis

● Lack of Test Customization: Existing systems may not offer enough flexibility
to customize tests for specific universities, departments, or streams. This limits
the ability to target aptitude tests to the right audience and manage tests based
on various academic criteria effectively.
● Inefficient Reporting System: Reporting is often tedious and lacks the ability
to filter data in real-time. Admins may struggle to analyze test results
effectively, making it difficult to track performance, manage test outcomes, or
identify areas for improvement.
● User Experience Limitations: Users may face difficulties when trying to take
tests, especially if the system doesn’t provide a user-friendly interface, lacks
proper test matching based on university/department, or doesn’t handle test
submissions automatically. This can lead to frustration, delays, or incomplete
test attempts.

3.3 REQUIREMENTS OF NEW SYSTEM

● Automated Test Creation and Management: The new system should allow
admins to easily create, schedule, and manage tests for specific universities,
streams, and departments. Test creation and updates should be streamlined with
an intuitive interface, reducing manual errors and improving operational
efficiency.
● Dynamic Test Customization: The system should support flexible test
customization, enabling the admin to tailor tests according to university,
department, and stream.
● Real-Time Reporting and Analytics: The new system must include real-time
reporting tools that allow admins to generate and download test results based on
various filters, such as university, department, or student performance. This
would improve data-driven decision-making and streamline performance
tracking.
● Seamless User Experience: The platform should provide a smooth and
efficient user experience for test-takers. Users should be able to easily find and
access the relevant tests based on their details, take tests with automatic
submission once time is up, and receive instant feedback on their performance.
The interface should be responsive and user-friendly across devices.

CVM University 18 A D Patel Institute of Technology

 12102080601032 System Analysis

3.4 SYSTEM VISIBILITY

3.4.1 The System Contribution To Overall Objective

The Horizontal Aptitude Test Portal streamlines and enhances skill evaluation by
providing a responsive and efficient platform for administrators and users. Admins can
easily customize and manage targeted tests for universities, departments, and streams.
Automated features ensure fair testing, while real-time analytics support data-driven
decisions for evaluating test effectiveness and user performance, ultimately delivering a
seamless and reliable skill assessment platform.

3.4.1 The System Implementation

The implementation phase of the Horizontal Aptitude Test Portal project involved the
practical construction and deployment of the system based on the detailed design
specifications outlined in the preceding sections. This phase encompassed the
development of both the user-facing portal and the administrative backend, along with the
integration of necessary third-party components

Frontend Development (React): The user interface was built using React, a JavaScript
library known for its component-based architecture and efficient rendering capabilities.
This allowed for the creation of a responsive and interactive user experience.

Backend Development (ASP.Net & Sitecore 10.4): The backend infrastructure was
developed using ASP.Net for robust API development and Sitecore 10.4 for content
management and potentially user management and personalization features.

Integration and Deployment: The final stage of implementation involved integrating the
frontend and backend components and deploying the application to a suitable hosting
environment (Front-end on Vercel or any third-party host and Back-End on Remote
Desktop).

3.5 PROPOSED SYSTEM

The proposed Horizontal Aptitude Test Portal aims to establish a centralized, web-based
platform for efficient skill evaluation and testing. It will offer a responsive interface for

CVM University 19 A D Patel Institute of Technology

 12102080601032 System Analysis

users to undertake customized aptitude tests within defined timeframes, catering to

individual interests. Simultaneously, an intuitive administrative portal will empower
administrators to seamlessly create, edit, and manage a diverse range of test categories.
This system intends to streamline the entire aptitude testing process, providing a
structured and configurable environment for both test-takers and administrators,
ultimately enhancing the organization's ability to assess skills and potential effectively.

3.6 FEATURE OF NEW SYSTEM

Admin Features:
● Test Creation: Administrators can easily create new aptitude tests by
defining test titles, descriptions, and categories.
● Question Management: The system allows for the creation, editing, and
review of individual test questions, supporting various question formats
(e.g., multiple choice, true/false).
● Test Configuration: Administrators can configure specific parameters for
each test, including setting the total time allowed for completion.
● Reporting and Analytics: The system provides administrators with the
ability to download comprehensive reports on test performance, including
individual user scores and overall test statistics.

User Features:

● Form-Based Test Access: Users can access relevant tests based on the
information they provide in a preliminary form (e.g., interests,
department).
● Timed Testing: Each test is conducted under a defined time limit, ensuring
a standardized assessment experience.
● Auto-Submit Functionality: Once the allocated time expires, the system
automatically submits the user's responses, preventing incomplete
submissions.
● Randomized Question Order: To ensure fairness and prevent cheating, the
order of questions is randomized for each user during the test.

CVM University 20 A D Patel Institute of Technology

 12102080601032 System Analysis

3.7 PROCESS
● Prospective test-takers will access the portal via a web browser.
● Users may or may not need to register/log in depending on the intended
accessibility of the tests (e.g., open to the public or restricted to specific groups).
● Upon accessing the portal, users will be landing on homepage and can go to test
by clicking a CTA (Call to Action).
● Users can fill the form and move forward to give the test according to the data
he/she has filled in.
● Users will answer each question and see the timer displayed on the screen. The
timer will clearly indicate the remaining time.
● The order of questions will be randomized for each user to ensure a fair testing
experience.
● Users will navigate through the test, answering questions as they proceed.
● Once the timer for the test expires, the system will automatically submit the
user's responses.
● Upon completion (either through manual submission if allowed before the timer
ends or automatic submission)
● Administrators will access a separate admin portal using their designated
credentials.
● Within the admin portal, administrators can navigate to sections for creating,
editing, and reviewing tests and individual questions.
● Administrators will be able to set the time limit for each test during the creation
or editing process.
● A reporting section in the admin portal will allow administrators to generate and
download reports on test performance and user results.

3.8 SELECTION OF SOFTWARE METHODOLOGY & APPROACH

3.8.1 List Of Software Used To Develop The System
● Bitbucket:
o Bitbucket is our Git repository management solution designed for
professional teams. It gives you a central place to manage git repositories,
collaborate on your source code and guide you through the development
flow.

CVM University 21 A D Patel Institute of Technology

 12102080601032 System Analysis

● It provides awesome features that include:

o Access control to restrict access to your source code.
o Workflow control to enforce a project or team workflow.
o Pull requests with in-line commenting for collaboration on code review.
o Jira integration for full development traceability.

● Jira Tools
o Jira is a popular project management tool used by teams to plan, track, and
manage software development projects. It provides a centralized platform
for collaboration and communication, allowing team members to create
and assign tasks, track progress, and report and resolve issues. Jira also
offers a wide range of features and integrations, making it a versatile tool
for agile project management.

● Confluence
o Confluence is a collaboration and documentation tool that allows teams to
create, organize, and share knowledge and information. It provides a central
location for team members to create and edit pages, documents, and files, as
well as to collaborate in real-time.
o Confluence is particularly useful for teams working on projects that require
extensive documentation, such as software development, product
management, and marketing. It also integrates seamlessly with other
Atlassian tools like Jira, making it an effective tool for agile project
management.
3.8.2 Agile Methodology Implementation

Agile is a term used to describe software development approaches that employ continual
planning, learning, improvement, team collaboration, evolutionary development, and
early delivery.
Scrum is a framework of rules, roles, events, and artifacts used to implement Agile
projects. It is an iterative approach, consisting of sprints that typically only last one to
four weeks. This approach ensures that your team delivers a version of the product

CVM University 22 A D Patel Institute of Technology

 12102080601032 System Analysis

regularly.

Fig 3.2 Agile Methodology

Scrum in Agile requires roles and responsibilities, including the following:

● Product owner: The product owner is responsible for representing the customer’s
best interest. This person has the ultimate authority over the final product.
● Scrum master: This person is a facilitator, responsible for arranging the daily
meetings, improving team interactions, and maximizing productivity. The project
manager often takes on the role of Scrum Master, but they can delegate it to anyone
on the team who is a Scrum expert and strong facilitator.
● Backlog: The backlog is a list of tasks and requirements included in the final product.

CVM University 23 A D Patel Institute of Technology

 12102080601032 System Analysis

Fig 3.3 Scrum Ceremonies

It’s the responsibility of the product owner to create the backlog.
● Sprint: A sprint is a set time frame for completing each set of tasks from the backlog.
Every sprint should be the same length. Two weeks is typical, but a sprint can be
anywhere between one to four weeks long, depending on the team and project’s
needs.
● Daily meetings: A Scrum project team is expected to meet every day to discuss
progress. These meetings are typically referred to as a Daily Scrum or Daily Stand-
Up.
● Retrospective: Each sprint should end with a review meeting, called a retrospective.
Here, the team reviews their progress and discusses how they can improve in the next
sprint.

CVM University 24 A D Patel Institute of Technology

 12102080601032 System Design

CHAPTER – 4 SYSTEM DESIGN

4.1.SYSTEM DESIGN & METHODOLOGY

Web application design is an important stage when building a web application. It focuses

on the look and feel of the web application. The process of defining a system’s entire

requirements, such as the interface, modules, and design, is called system design. We can

say that system design ranges from discussing the system requirements to product

development. A systematic approach is needed to manage the system requirements and

design methodology.

4.1.1. Model, View & Controller

MVC, or Model-View-Controller, is a software architecture pattern used in developing

user interfaces for web and mobile applications. It separates an application into three
interconnected parts:

Model: represents the data and business logic of the application.

View: responsible for rendering the user interface and displaying data to the user.

Controller: manages user input and updates the model and view accordingly.

CVM University 25 A D Patel Institute of Technology

 12102080601032 System Design

Fig 4.1 MVC Architecture

The model communicates with the controller to update data, and the controller
communicates with the view to update the user interface. This separation of concerns
helps to improve the maintainability, testability, and scalability of an application.

4.1.2. System Methodology

Successful projects are managed well. To manage a project efficiently, the manager or
development team must choose the software development methodology that will work
best for the project at hand. All methodologies have different strengths and weaknesses
and exist for different reasons.

4.1.3 Agile Methodology

Teams use the agile development methodology to minimize risk (such as bugs, cost
overruns, and changing requirements) when adding new functionality. In all agile
methods, teams develop the software in iterations that contain mini increments of the new
functionality.

Fig 4.2 Agile Methodology

CVM University 26 A D Patel Institute of Technology

 12102080601032 System Design

4.1.4 Agile Scrum

Agile Scrum is a project management framework used in software development to help

teams work collaboratively and adapt to changing requirements. The framework is based
on the Agile Manifesto, which values individuals and interactions, working software,
customer collaboration, and responding to change.

In Scrum, the development process is broken down into short iterations, called sprints,
typically lasting two to four weeks. Each sprint begins with a planning meeting where the
team decides what features they will work on and how they will achieve their goals.

During the sprint, the team holds daily stand-up meetings to review progress and discuss
any roadblocks. At the end of the sprint, the team presents their work in a sprint review
meeting and reflects on what they learned in a sprint retrospective.

The team also has a product owner, who represents the stakeholders and is responsible for
prioritizing the backlog of features to be developed. The Scrum master is a facilitator who
ensures that the team follows the Scrum process and removes any obstacles that may
arise.

CVM University 27 A D Patel Institute of Technology

 12102080601032 System Design

Fig 4.3 Sprint

CVM University 28 A D Patel Institute of Technology

 12102080601032 System Design

4.2 STRUCTURE DESIGN USE CASE DIAGRAM

Fig 4.4 Use Case Diagram

CVM University 29 A D Patel Institute of Technology

 12102080601032 System Design

4.3.PROJECT ARCHITECTURE

4.3.1. Admin And User Flow Architecture

Fig 4.5 Project Architecture (Admin)

CVM University 30 A D Patel Institute of Technology

 12102080601032 System Design

Fig 4.6 Project Architecture(User test )

CVM University 31 A D Patel Institute of Technology

 12102080601032 System Design

4.3.2. Sample of forms, reports & interfaces.

Sample of forms

Add User Info - allows users to fill the form for entering the test.

Fig 4.7 Add User Info UI

CVM University 32 A D Patel Institute of Technology

 12102080601032 System Design

User Test- here is the UI of user test which show timer and question. user can attempt
question and also set as mark for review and complete the test.

Fig 4.8 User Test UI

CVM University 33 A D Patel Institute of Technology

 12102080601032 System Design

Login - enables admin to access their account by entering their email and password.

Fig 4.9 Admin Login UI

CVM University 34 A D Patel Institute of Technology

 12102080601032 System Design

Admin Dashboard – Admin can Create Test, Create Question, Add Terminology,
Review Test and Review Q/A through dashboard.

Fig 4.10 Admin Dashboard UI

Add Terminology- allows admin to add and edit university, stream, department and
category.

CVM University 35 A D Patel Institute of Technology

 12102080601032 System Design

Fig 4.11 Add Terminology UI

CVM University 36 A D Patel Institute of Technology

 12102080601032 System Design

Create Question- let admin can create and edit Question.

Fig 4.12 Create Question UI

CVM University 37 A D Patel Institute of Technology

 12102080601032 System Design

Review Question – Admin can review questions and also edit and delete the questions.

Fig 4.13 Review Question UI

CVM University 38 A D Patel Institute of Technology

 12102080601032 System Design

Download Report- allows admin to download report based on different filter and admin
can download report for specific university and student.

Fig 4.14 Download Report UI

CVM University 39 A D Patel Institute of Technology

 12102080601032 Implementation

CHAPTER – 5 IMPLEMENTATION

5.1.MODULE SPECIFICATION

5.1.1. Admin Login-Developed By Me

As part of the Internship Aptitude Test portal, I was responsible for designing and
implementing the Admin Login module. This module provides secure access to the
administrative section and includes the following features:

● A clean and user-friendly login page displaying clearly labeled fields for
Username and Password, with the Login title prominently positioned at the top.

● Login access is strictly restricted to users assigned the Admin role in Sitecore,
ensuring role-based access control.

● Authentication is handled securely via Sitecore’s built-in authentication system.

Upon successful validation, users are redirected to the admin dashboard.

● The Log In button is disabled by default and becomes active only after both input
fields (username and password) are filled, improving form usability and reducing
invalid submissions.

● A consistent user interface is maintained across the platform using a shared layout
that includes Header_admin and Footer_admin components.

5.1.2. Admin Dashboard

After logging in, administrators land on the Dashboard, which features six interactive
cards managed via Sitecore. Each card represents a core function: Download, Add
Terminology, Create Test, Create Q/A, Review Test, and Review Q/A. The dashboard
includes animated card flip effects and hover interactions for better UX. Clicking any
card redirects the admin to the respective management page. All content, icons, and the
logo are dynamically controlled from Sitecore.

5.1.3. Add Terminology

The "Add Terminology" section allows admins to manage key terms like University,
Stream, Department, and Category via interactive cards. Each card includes an Add

CVM University 40 A D Patel Institute of Technology

 12102080601032 Implementation

button to open a Popup with fields for Name and Abbreviation. Admins can also Edit
existing entries through Popup that prefill current values. Tooltips provide extra context
for each category. Content is scrollable with fixed headers, and Popup are dismissible via
Cancel button.

5.1.4 Create Question

The admin interface allows you to efficiently configure Q/A sets for the internship
aptitude test. It includes fields for the question, four answer options (with checkboxes for
correct answers), marks, and negative marks. There are dropdowns for selecting the
department and category, with tooltips providing extra information. The "Save" button is
active only when all mandatory fields are filled and valid. Upon saving, a success
message appears, or an error message is shown if there are issues with the input.

5.1.5 Review Question

The Review Q/A component allows admins to manage question-answer sets, with
department tabs for easy navigation and filtering. Questions are listed by category, with
expandable details showing answer options and the correct answer. Admins can edit or
delete questions, with a confirmation prompt for deletions if the question is used in an
active test.

5.1.6 Create Test

The Create Test functionality allows admins to create a test by selecting Year,
University, and Department, then reviewing available Q/As. Categories are displayed
with the number of selected Q/As and their total marks, and filtering by category is
possible. Q/As are shown in alphabetical order, with collapsible accordions for each
question, displaying marks, negative marks, and the correct answer. Admins can select
questions, revise their selection, and proceed through a three-step process. Upon review, a
time duration for the test can be selected, and the test can be saved or approved, with
status updates displayed at the bottom.

5.1.7 Edit Test

The Edit Test feature allows admins to modify an existing test, including updating Year
and University. Admins can review and adjust selected Q/As, test duration, and

CVM University 41 A D Patel Institute of Technology

 12102080601032 Implementation

categories. After saving, the test moves to "In Progress," or it can be approved and moved
to the "Approved" tab.

5.1.8 Copy Test

The Copy Test feature allows admins to create a new test by copying a completed test,
with all fields pre-populated but editable. Admins can select and modify Q/As, test
duration, and categories, and after saving, the test is moved to the "In Progress" state. A
pop-up will notify if a test with similar details already exists, warning that changes may
overwrite the previous version.

5.1.9 Review Tests

The Review Test section displays a title, description, and filters for Year, University,
and Department. Tests are sorted into In Progress, Approved, and Completed tabs,
with actions like Edit, Approve, Complete, Copy, and Delete. Each test status is
managed with pop-ups to confirm actions, such as moving tests between states or deleting
them permanently from the system.

5.1.10 Home Page

The user homepage serves as the landing page for interns, offering key program
highlights and intuitive navigation. It includes a header for quick access, a visually
engaging hero banner, and informative content blocks. Flip cards provide interactive
insights into departments, while the carousel showcases featured content. The 50-50 text
and media section balances visuals with details, and the footer contains useful links and
contact info.

5.1.11 Add Information Form Page

The Add Information Page features a Hero Banner followed by a structured form for
candidates to enter personal and academic details. Mandatory fields include name, email,
university, and department, with real-time validations and tooltips for guidance. The
"Submit & Proceed" button activates only when all required fields are correctly filled.
The form is built in Sitecore, enabling easy updates by content authors without code
changes.

5.1.12 Question Page

CVM University 42 A D Patel Institute of Technology

 12102080601032 Implementation

The Q/A Page offers an intuitive interface for candidates to answer multiple-choice
questions with navigation controls, a timer, and progress indicators. Users can skip, mark
for review, reset answers, and access a “Review All” summary on the last question.
Answer types auto-adjust between radio and checkbox based on the number of correct
options. The layout supports accessibility, is optimized for both web and mobile, and
includes admin-configured timer behaviour and user flow validations.

5.1.13 Review All Question Page

The Review All Page provides a summary view of all answered, skipped, and marked-
for-review questions using clear indicators (red for skipped, green for review). Candidates
can quickly revisit and edit any question by clicking on it. A dynamic timer is visible at
the top-left, and a centrally placed "Submit" button allows final submission of the test.
The page ensures easy navigation, real-time validation, and is accessible across web and
mobile.

5.2 OUTCOMES

Home Page

The homepage acts as the entry point to the Internship Aptitude Test platform. It
introduces users to the program and offers easy navigation to key sections of the site

● Header: Common component which includes a navigation list for the

authenticated user.

● Hero Banner Section: Features a captivating introduction to the program with

a call-to-action button for immediate engagement..

● Card Section: Displays 5 core values of the Horizontal .

● Carousel Section: A rotating slider that highlights key features, news, or

updates in a dynamic way.Featured Category: List of training categories that
refers to the specific pages associated with the specific categories.

● 50-50 Text and Media Section: A balanced layout showcasing information

alongside engaging visuals, providing clear insights..

CVM University 43 A D Patel Institute of Technology

 12102080601032 Implementation

● Footer: Common component which includes a copyright notice, link to a

privacy policy, logo, contact information, and social media links. It contains
information that improves a website's overall usability.

CVM University 44 A D Patel Institute of Technology

 12102080601032 Implementation

Fig 5.1 Aptitude Portal Home Page

CVM University 45 A D Patel Institute of Technology

 12102080601032 Implementation

User Info Form Page

The User Info Form Page collects essential candidate details such as Name, Email,
University, Department, and Year before starting the test. This page ensures personalized
test tracking and reporting. All fields are mandatory, and users must submit the form to
proceed to the test interface.

List of components:

● Header: Common component which includes a navigation list for the

authenticated user.

● Banner: It contains the title and description for specific pages.

● User Info Form: This section collects candidate details such as Name, Email,
University, Department, and Year. It is a mandatory step before starting the test
and ensures personalized test tracking. All fields must be filled to proceed.

● First Name – Required text field; accepts only alphabets.

● Last Name* – Required text field; accepts only alphabets.

● Email Address* – Required text field; must be a valid email format.

● University/College* – Required text or dropdown field; must be selected.

● Stream – Optional text field for academic stream (e.g., B.Tech, B.Sc.).

● Department* – Required dropdown; user must select a department.

● Submit & Proceed – Button enabled only after all required fields are valid.

● Footer: Common component which includes a copyright notice, link to a privacy

policy, logo, contact information, and social media links. It contains information
that improves a website's overall usability.
Backend Developed by Me:

This page collects essential candidate details such as Name, Email, University,
Department, and Year before the test begins. I developed the backend functionality that
includes:
● API to store user details in the database upon form submission.
● Validation logic for required fields (e.g., email format, alphabetical names).

CVM University 46 A D Patel Institute of Technology

 12102080601032 Implementation

● Integration with the test session initializer to uniquely associate the candidate with
their test attempt.
● Error handling and response feedback for front-end validation and edge cases.

Fig 5.2 Aptitude Portal User Info Form Page

CVM University 47 A D Patel Institute of Technology

 12102080601032 Implementation

User Test Question Page

This page allows candidates to attempt multiple-choice questions as part of the aptitude
test in a structured and user-friendly interface. Each question is displayed one at a time,
with options to navigate, mark for review, or reset answers.

List of components:

● Header: Common component which includes a navigation list for the

authenticated user.

● Timer: Positioned at the top-left, dynamically counts down the remaining time
using react-timer-hook. An alert will appear when time runs out.

● Question Block: Where the question appears with 4 options.

● Eyebrow/Bar: Positioned above the question title for design hierarchy.

● Question Title: Bold and left-aligned for clear visibility.

● Question Text: Regular font showing the main question.

● Answer Options: Radio buttons if one correct answer; checkboxes if multiple

correct answers.

● Navigation Controls:

● Previous Arrow: Bottom-left; appears from question 2 onward.

● Next Arrow: Bottom-right; hidden on the last question.

● Reset Button: Clears selected answer; aligned left below the options.

● Mark for Review: Flags the question with a green dot for later review; placed to
the right of Reset.

● Review All Button: Visible only on the last question page; navigates to the
Review All screen.

● Responsive Design: Fully functional on both web and mobile devices.

CVM University 48 A D Patel Institute of Technology

 12102080601032 Implementation

● Back Button (Browser): Returns the user to the homepage and disables test
resume to prevent misuse

● Footer: Common component which includes a copyright notice, link to a privacy

policy, logo, contact information, and

● social media links. It contains information that improves a website's overall

usability.

Backend Developed by Me

This page enables candidates to attempt questions in a structured flow. My backend

responsibilities included:

● APIs to fetch questions dynamically based on test configuration (e.g., department,

year, category).
● State management endpoints to persist user answers in real time.
● Session tracking to ensure secure and uninterrupted test progress.
● Timeout logic to finalize test attempts when the timer ends.
● Protection against test resumption via browser navigation controls.

CVM University 49 A D Patel Institute of Technology

 12102080601032 Implementation

Figure 5.3 Aptitude Portal User Test Question Page

CVM University 50 A D Patel Institute of Technology

 12102080601032 Implementation

Review All Question Page

This page allows users to view all questions at a glance before submitting the test. It
highlights skipped and marked-for-review questions using color indicators. Users can
click on any question to revisit and edit their response. A central Submit button is
provided to complete the test. The timer remains visible, and a popup appears if the time
runs out.

List of components:

● Header: Common navigation header with branding.

● Timer: Positioned at the top-left corner using react-timer-hook; triggers a time-

out popup when the test duration ends.

● Title: “Review All” in bold text with a short description beneath to guide the user.

● Question Overview Grid:

● Each question block shows:

o Status Indicator:

▪ Red Dot – Skipped/unanswered questions

▪ Green Dot – Marked for review .

o Underlined Answers – Indicates selected answer(s) .

o Clickable – Redirects to that specific question on click .

● Submit CTA:

● Submit Button – Centre aligned at the bottom, visible and accessible

● Time-Out Popup – If time runs out, a modal appears with a mandatory “Submit
Exam” CTA .

● Thank You Page – Displayed upon clicking submit .

Backend Developed by Me:

CVM University 51 A D Patel Institute of Technology

 12102080601032 Implementation

This page provides a comprehensive view of all attempted and flagged questions before
submission. My backend work comprised:
● API to retrieve the status of all questions (answered, marked for review, skipped).
● Submit test endpoint that finalizes the attempt and stores the result.
● Time-based trigger for automatic submission if the test duration expires.
● Redirection and thank you page logic upon successful test submission.

Fig 5.4 Aptitude Portal Review All Question Page

CVM University 52 A D Patel Institute of Technology

 12102080601032 Implementation

Admin Login Page (Developed By me)

The Login Page provides secure access to the Aptitude Test Portal. It includes fields for
Email and Password, with a Login CTA to proceed. Basic validations ensure correct
input.

Users with Sitecore Admin roles can access additional features such as managing tests,
questions, categories, and user data. Unauthorized users will be restricted from admin
functionalities.

List of components:

● Header: Common component which includes a navigation list for the

authenticated user.

● Login Page: A secure access point for users to enter their Email and Password.
Includes basic input validations and a Login button. Users with Sitecore Admin
roles can access advanced admin functionalities like managing tests, users, and
content.

● Footer: Common component which includes a copyright notice, link to a privacy

policy, logo, contact information, and social media links. It contains information
that improves a website's overall usability.

Fig 5.5 Aptitude Portal Admin Login Page

CVM University 53 A D Patel Institute of Technology

 12102080601032 Implementation

Admin Dashboard Page

The Dashboard is the control centre for Sitecore Admins to manage the Aptitude Test
Portal. It provides access to create, edit, and monitor tests, questions, categories, and user
data. Admins can also view reports, track test activity, and manage system configurations
from this centralized interface.

List of components:

● Header: Common component which includes a navigation list for the

authenticated user.

● Dashboard Page : As an Admin, I want an intuitive dashboard with distinct

cards to efficiently manage all aspects of the aptitude test portal—create/review
tests, manage Q&A, add terminology, and download reports or data for analysis.
Key actions include Download, Add Terminology, Create Test, Create Q/A,
Review Test, and Review Q/A.

● Footer: Common component which includes a copyright notice, link to a privacy

policy, logo, contact information, and social media links. It contains information
that improves a website's overall usability.

CVM University 54 A D Patel Institute of Technology

 12102080601032 Implementation

Fig 5.6 Aptitude Portal Admin Dashboard Page

Create Question Page

The Create Question page allows Admins to add new questions to the aptitude test
system. Admins can input the question text, assign it to a category and department, define
multiple answer options (A, B, C, D), and mark the correct one(s). Each question can also
be configured with marks and negative marks for evaluation logic:

● Header: Common component which includes a navigation list for the

authenticated user.

● Question Input Field: A text input field labeled "Question" for entering the
question text.

● Answer Options: Four input fields labeled A, B, C, and D for answer options.
Each option includes a checkbox to mark the correct answer(s).

CVM University 55 A D Patel Institute of Technology

 12102080601032 Implementation

Multiple checkboxes can be selected if needed for questions with more than one
correct answer

● Marks: A numeric input field to enter positive marks awarded for a correct
answer.

● Negative Marks: A numeric input field to enter positive values for negative
marks (deducted during scoring). The entered value will be subtracted in the final
score calculation.

● Department Dropdown: A dropdown labeled "Select Department" for

selecting the department related to the question. Available departments: Sitecore,
Salesforce, QA, DevOps, etc. Tooltips will provide additional information when
hovered over the label.

● Category Dropdown: A dropdown labeled "Select Category" for selecting the

category related to the question. Available categories: CSS, HTML, React,
Automation Testing, etc. Tooltips will provide additional information when
hovered over the label.

● Footer: Common component which includes a copyright notice, link to a privacy

policy, logo, contact information, and social media links. It contains information
that improves a website's overall usability.

CVM University 56 A D Patel Institute of Technology

 12102080601032 Implementation

Fig 5.7 Aptitude Portal Create Q/A Page

Admin Terminology Page

The Add Terminology page allows the admin to define new terms or concepts that will
be used within the aptitude test content. The admin can input the terminology and its
definition, and associate it with a specific department and category. Once all mandatory
fields are filled, the terminology can be saved for later use in the test system

List of components:

● Header: Common component which includes a navigation list for the

authenticated user.

CVM University 57 A D Patel Institute of Technology

 12102080601032 Implementation

● Terminology : This component enables admins to manage terminology related to

different elements of the test platform. Admins can:

● Add new terms for University, Stream, Department, and Category.

● Edit existing terms.

● View a list of terms already added, including their definitions.

● Dropdowns to select the related Department and Category.

● Tooltips provide further details on selecting the appropriate options

● Admins should be able to edit previously added terminology and update its
definition or associated department and category.

● Admins can view a list of all terminology entries, with options to edit or
delete them.

● Footer: Common component which includes a copyright notice, link to a privacy

policy, logo, contact information, and social media links. It contains information
that improves a website's overall usability.

CVM University 58 A D Patel Institute of Technology

 12102080601032 Implementation

Fig 5.8 Aptitude Portal Terminology Page

ReviewQ/A Page

CVM University 59 A D Patel Institute of Technology

 12102080601032 Implementation

All the certifications published on the portal will have a category associated with them.
The certificate landing page will have a list of all categories that are added in the Sitecore
CMS. Clicking on a category block will open the list of certifications that fall under the
selected category.

List of components:

● Header:
A common component that includes a navigation list for the authenticated user

● Review Q/A Component: This component enables admins to review and manage
all the questions and answers in the system. The page should display:

1. A list of questions, their possible answer options, and their associated

department and category.

2. The ability to edit, delete, or view the details of any question.

3. A search function to filter through questions based on specific criteria like

category, department, or keywords.

● Footer:
A common component that includes a copyright notice, a link to the privacy
policy, logo, contact information, and social media links. This component
enhances the website's usability by making key information accessible.

CVM University 60 A D Patel Institute of Technology

 12102080601032 Implementation

Fig 5.9 Aptitude Portal Review Q/A Page

Create Test Page

The Create Test functionality allows admins to create a test by selecting Year,
University, and Department, then reviewing available Q/As. Categories are displayed
with the number of selected Q/As and their total marks, and filtering by category is
possible. Q/As are shown in alphabetical order, with collapsible accordions for each
question, displaying marks, negative marks, and the correct answer. Admins can select
questions, revise their selection, and proceed through a three-step process. Upon review, a
time duration for the test can be selected, and the test can be saved or approved, with
status updates displayed at the bottom

List of components:

CVM University 61 A D Patel Institute of Technology

 12102080601032 Implementation

● Header: Common component which includes a navigation list for the

authenticated user.

● Create Test Component:This component allows the admin to create a new test
by configuring the test parameters, adding questions, and selecting the appropriate
categories. The page should display:

1. Test Name: A field to enter the name or title of the test.

2. Test Duration: A field to specify the total time allocated for the test.

3. Total Marks: A field to define the total possible marks for the test.

4. Department: A dropdown list for selecting the department the test

belongs to.

5. Categories: A multi-select dropdown to choose the categories related to

the test.

6. Question Selection: A search or filter functionality to allow admins to

add questions to the test based on category or department.

● Footer: Common component which includes a copyright notice, link to a privacy

policy, logo, contact information, and social media links. It contains information
that improves a website's overall usability.

CVM University 62 A D Patel Institute of Technology

 12102080601032 Implementation

Fig 5.10 Aptitude Portal Create Test Page Step-1

CVM University 63 A D Patel Institute of Technology

 12102080601032 Implementation

Fig 5.11 Aptitude Portal Create Test Page Step-2

CVM University 64 A D Patel Institute of Technology

 12102080601032 Implementation

Fig 5.12 Aptitude Portal Create Test Page Step-3

CVM University 65 A D Patel Institute of Technology

 12102080601032 Implementation

Download Page

The Download Page allows Admins to filter and download student test reports
efficiently. Admins can select a University and Department, and search by Student
Name to generate a detailed report. The Generate Report button fetches and displays
matching records in a preview table, including fields like Question, Selected Answer,
Correct Answer, and Marks Obtained. Once reviewed, the Download button enables
exporting the data as a Excel file, typically used for archiving or sharing. The page
includes standard Header and Footer components for navigation and support.

Fig 5.13 Aptitude Portal Download Page for University

CVM University 66 A D Patel Institute of Technology

 12102080601032 Implementation

Fig 5.14 Aptitude Portal Download Page for Marks

Fig 5.15 Aptitude Portal Download Page for Students

CVM University 67 A D Patel Institute of Technology

 12102080601032 Conclusion

CHAPTER – 6 CONCLUSION
In conclusion, the completion of this internship project has been a great experience that
has helped me learn and grow in various ways. Working collaboratively with the team has
enabled me to appreciate the importance of communication, teamwork, and
accountability. The exposure to industry standards and practices has equipped me with
the necessary skills and knowledge to follow best practices in project management. Time
management has been critical in ensuring that the project was completed within the set
deadlines. The use of Agile methodology has enabled the team to adapt quickly to
changing project requirements and deliver value to the client. Overall, this internship has
been a valuable learning experience that has prepared me for a successful career in the
industry.

CVM University 68 A D Patel Institute of Technology

12102080601032

REFERENCES

1. JIRA: https://www.atlassian.com/software/jira
2. Confluence: https://horizontal.atlassian.net/jira/software/c/projects/HATP/
3. Sitecore: https://www.sitecore.com/
4. Horizontal: https://www.horizontal.com/

CVM University69A D Patel Institute of Technology