A Industrial Training Report

on

Stirring Minds – Career Guide

Submitted for partial fulfillment of award of

BACHELOR OF TECHNOLOGY
Degree in

Computer Science and Engineering

By

Nikhil Rathore (2000640100075)

Name of Faculty
Dr. Shankar Thawkar

Computer Science and Engineering

Hindustan College of Science and Technology,
Farah, Mathura

DR. A. P. J. ABDUL KALAM UNIVERSITY, LUCKNOW, INDIA

December, 2023
CERTIFICATE (PHOTO COPY)

2
 ACKNOWLEDGEMENT

It was an amazing experience to embark upon the creation of Stirring Minds – Career
Guide, and without guidance and support from some individuals who have had a
crucial role in shaping this project, it would not be possible.
To begin, I would like to thank Mr. Rahul for his continuous devotion and expertise in
the field of technology. Throughout the development process, his insightful feedback,
his coding skills, and his strategic thinking were indispensable. Mr. Rahul's mentoring
has not only deepened the technical features of Stirring Minds – Career Guide, but
also broadened my understanding of software development best practices.
Thanks to Mr. Dhruv's continued support and encouragement, I would also like to
thank him. The guiding force to ensure that the project proceeded smoothly has been
his Project Management insight and leadership skills. My approach to software
development has taken a significant step forward because of Mr. Dhruv's commitment
to fostering an environment conducive to cooperation and innovation in the
workplace.
There was a favorable atmosphere of learning and development because of the
synergy between Mr. Rahul and Mr. Dhruv. Together, they have contributed
significantly to my personal and professional development as a developer, not only by
enhancing the Stirring Minds – Career Guide project, but also by contributing to it.
In conclusion, I extend my deepest thanks to Mr. Rahul and Mr. Dhruv for their
unwavering support, expert guidance, and the profound influence they've had on the
success and personal growth fostered by the Stirring Minds – Career Guide project.
Thank You!

NIKHIL RATHORE

3
 PAGE INDEX

Topic Page No.

1. COMPANY PROFILE 5
1.1 OVERVIEW 5
1.2 FOUNDERS 5
1.3 MISSION 6
1.4 KEY OFFERINGS

2. TRAINING METHODOLOGY 8
2.1 INITIAL ORIENTATION 8
2.2 MENTORSHIP AND GUIDANCE 8
2.3 PROJECT SCOPING AND PLANNING 8
2.4 COLLABRATION AND TEAMWORK 8
2.5 CONTINUOUS LEARNING

3. INTRODUCTION TO PROJECT 10
3.1 INTRODUCTION 10
3.2 FRONT-END TECHNOLOGIES 10
3.2.1 HTML 10
3.2.2 CSS 11
3.2.3 JAVASCRIPT 11

4. DEVLOPMENT PROCESS 13
4.1 SETTING PROJECT GOALS 13
4.2 CHALLENGES ENCOUNTERED 13
4.2.1 TECHNICAL CHALLENGES 13
4.2.2 SOLUTION IMPLEMENTED 13

5. WORKFLOW 15
5.1 CREATING NAVIGATION BAR 15
5.2 ADDING A SLIDE SHOW 15
5.3 IMPLEMENTING A CARD 15
5.4 ASSESSMENT FEATURE 16
5.5 ADDING COURSES 16
5.6 COMPANY DETAILS 16

6. SNAPSHOTS 17
7. CONCLUSION 20

4
 CHAPTER - 1
COMPANY PROFILE

1. Company Name: Coding Kingdom

1.1 Overview:

Coding Kingdom is a dynamic and innovative educational venture founded by Mr.

Rahul and Mr. Dhruv. Established with a passion for nurturing the next generation of
coding enthusiasts, Coding Kingdom serves as a dedicated platform for students to
embark on a transformative journey in the world of programming and software
development.

1.2 Founders:

Mr. Rahul: With a wealth of experience in software development and a passion for
education, Mr. Rahul brings technical expertise and a visionary outlook to Coding
Kingdom. His commitment to creating accessible and engaging coding education has
been instrumental in shaping the company's mission and objectives.

Mr. Dhruv: A seasoned educator and strategic leader, Mr. Dhruv contributes a deep
understanding of pedagogy and a commitment to fostering a positive learning
environment. His insights into effective teaching methodologies complement the
technical prowess of Mr. Rahul, creating a harmonious leadership team.

1.3 Mission:

At Coding Kingdom, our mission is to empower students with the skills and mindset
needed to thrive in the digital age. We strive to demystify coding and make it an
accessible and enjoyable journey for learners of all ages. Through innovative teaching

5
methods, hands-on projects, and a supportive community, we aim to build a kingdom
where coding is not just a skill but a language of creativity and problem-solving.

1.4 Key Offerings:

Comprehensive Coding Curriculum:

Our curriculum is meticulously designed to cater to beginners and advanced

learners alike.
Courses cover a wide array of programming languages, algorithms, and
software development methodologies.
Interactive Learning Platforms:

Coding Kingdom provides state-of-the-art online platforms that engage

students through interactive coding exercises, projects, and real-world applications.
Live Coding Sessions:

Facilitated by experienced instructors, our live coding sessions foster a

collaborative learning environment where students can interact, ask questions, and
receive instant feedback.
Coding Projects and Challenges:

Hands-on coding projects and challenges allow students to apply their

knowledge in practical scenarios, enhancing their problem-solving skills and
creativity.
Personalized Learning Paths:

We recognize that each student has a unique learning journey. Our platform
adapts to individual progress, providing personalized learning paths for optimal skill
development.
Community and Collaboration:

6
 Coding Kingdom emphasizes the importance of community and collaboration.
Students can connect with peers, mentors, and industry professionals, creating a
network that extends beyond the virtual classroom.
Values:

Inclusivity: We believe in creating an inclusive learning environment where

coding is accessible to everyone, regardless of age, background, or prior experience.

Innovation: Coding Kingdom is committed to staying at the forefront of

educational technology, incorporating innovative teaching methods and platforms to
enhance the learning experience.

Collaboration: Collaboration is at the heart of our approach. We encourage

students to collaborate, share ideas, and learn from each other, fostering a sense of
community within the Coding Kingdom.

Continuous Improvement: We are dedicated to continuous improvement, regularly

updating our curriculum and methodologies to align with industry trends and

feedback from our students.

7
 CHAPTER – 2
TRAINING METHODOLOGY

The training methodology followed by the company was designed to provide a

comprehensive learning experience, helping interns like me gain practical skills and
knowledge in Front-end development.

2.1 Initial Orientation

The training program began with an initial orientation session, where I was introduced
to the company's development environment, codebase, and project management tools.
This orientation session helped me to familiarize myself with the development
environment and understand the overall project structure.

2.2 Mentorship and Guidance:

Throughout the internship, I was assigned a mentor who provided valuable guidance
and support. My mentor had extensive experience in Front-end development and
helped me understand the best practices, coding standards, and architectural patterns
used in the industry. Regular meetings with my mentor allowed me to discuss project
progress, seek feedback, and address any challenges I encountered.

2.3 Project Scoping and Planning

After the initial orientation, I was assigned the task of developing, Stirring Minds –
Career Guide. Before starting the development phase, I collaborated with my mentor
and the project team to define the project scope and requirements. This involved
breaking down the features and functionalities of each project into smaller tasks and
creating a timeline for completion.

2.4 Collaboration and Teamwork

I had the opportunity to work closely with other developers and team members. This
involved participating in team meetings, discussing project progress, and
collaborating on solving technical challenges. The collaborative environment at
Coding Kingdom provided valuable insights into effective teamwork and
communication within an agile development setup.

2.5 Continuous Learning

The training methodology at Coding Kingdom also encouraged continuous learning.

Alongside my project work, I was encouraged to explore additional resources such as
online tutorials, documentation, mock interviews, guest lectures and industry blogs to

8
enhance my understanding of Front-end development concepts. Overall, the training
methodology at Coding Kingdom provided me with a well-rounded experience in
Front-end development. It allowed me to apply my theoretical knowledge, learn from
experienced professionals, and collaborate with a talented team. The guidance,
support, and hands-on experience gained during this training have been instrumental
in shaping my skills as a Front-end Developer.

9
 CHAPTER – 3
INTRODUCTION TO PROJECT

3.1 Introduction

Stirring Minds – Career Guide is a website designed for the company Stirring Minds.
Here different careers and skill-based tests are taken for all age groups. Where a
student can take any test according to his/her preference and get score on it.

Psychometric Assessment are of two types: -

1> Psychometric Career Test
2> 21st Century Skills & Learning Test

Besides these tests there’s a panel for contacting different employees of the company
with their name and experience given in the box.

The Navigation bar allows you to access different pages like your profile, Class 10,
Class 12, Collage, Counsellor, Professionals, Study Abroad, Psychometric Test,
Pricing, Event, phone number and sign in.

At the bottom you can find different social media handles of the company.

3.2 Front-end technologies

Front-end development is the process of building the parts of a website that users
interact with. This includes the user interface, buttons, user-entered data, websites,
and user experience (UX) features. The goal of front-end development is to meet user
requirements and provide a positive user experience.

Front-end development uses the following web languages:

HTML: Provides the structure

CSS: Provides the styling and layout

JavaScript: Provides the dynamic behavior and interactivity

3.2.1 HTML

HTML stands for Hypertext Markup Language.

It's a markup language used to create web pages.

10
HTML is made up of elements, or tags, and attributes. These elements and attributes
work together to tell the browser how to display the content.

HTML (Hypertext Markup Language) serves as the foundational building block of

Stirring Minds – Career Guide frontend. HTML is used to ensure a clear and
organized presentation of information, thanks to its use for the layout of web pages.
The HTML format has been implemented into Stirring Minds – Career Guide
structure for defining the platform, including layout of courses, user interface and
interactivity elements.

3.2.2 CSS

CSS stands for Cascading Style Sheets. It's a language that describes how to present a
document written in HTML or XML. CSS is used to style HTML elements, such as
how they appear on screen, paper, or in speech.

CSS (Cascading Style Sheets) is pivotal in shaping the visual aesthetics of Stirring
Minds – Career Guide. The platform achieves a harmonious and attractive visual
presentation by means of CSS. The consistency of style is ensured by Stirring Minds
– Career Guide CSS implementation which creates an intuitive and interactive user
experience. CSS is used to ensure that Stirring Minds – Career Guide can be accessed
across all devices in a responsive manner.

3.2.3 JAVASCRIPT

JavaScript is a text-based programming language. It is easy to learn and use, and it is

supported by all major web browsers. JavaScript is a prototype-based programming
language, which means that objects are created by cloning existing objects. JavaScript
is also a dynamically typed programming language, which means that the type of a
variable is not declared explicitly.

11
For the User Interface of Stirring Minds – Career Guide, JavaScript contains crucial
interactivity and dynamic features. Using JavaScript, Stirring Minds – Career Guide
helps users become more engaged with the experience of browsing and facilitates
efficient interactions in accessing courses so as to provide a seamless browsing
experience. The JavaScript implementation allows for features such as slideshow
creation.

12
 CHAPTER – 4
DEVLOPMENT PROCESS

4.1 Setting Project Goals

In order to guide the development process, the Stirring Minds – Career Guide project
has started with a thorough goal setting process, where the overarching objectives
have been defined. Creation of a user-friendly collaborative learning and giving
assessments platform, enabling real time interactions and ensuring that it is robust
enough to accommodate an increasing number of users were key objectives. These
goals were carefully crafted to align with the vision of Stirring Minds – Career Guide,
aiming to foster a global community of learners engaged in collaborative learning and
testing.

4.2 Challenges Encountered

4.2.1 Technical Challenges

There were a number of technical challenges in the development of Stirring Minds –

Career Guide.
1> First problem that we encountered is that on the home page the slideshow was
not working properly. Changing different images on the home page when user
interact with them was not working.
2> Another problem that we encountered was that navigation bar wasn’t able to
display on the home screen.
3> Last problem was that on clicking career test different sections of
Psychometric Assessment which are Psychometric Career test and 21 st
Century Skills & Learning Test wasn’t working.

4.2.2 Solutions Implemented

13
1> To fix first problem, “first problem that we encountered is that on the home
page the slideshow was not working properly” we removed an extra HTML
element which was an extra p tag.
2> On observing second problem, “Another problem that we encountered was
that navigation bar wasn’t able to display on the home screen” we see it was a
CSS problem. To solve it we flexed the display and after that justify the
content center.
3> To solve last problem “clicking career test different sections of Psychometric
Assessment which are Psychometric Career test and 21st Century Skills &
Learning Test wasn’t working” we created two modules each for
Psychometric Career test and 21st Century Skills & Learning Test after that we
use if-else.

14
 CHAPTER – 5
WORKFLOW

5.1 Creating navigation bar

To display data in one line the first step in development process was to create a
navigation bar. From where a user can navigate to different pages of the website.

Navigation bar consists of the following:

• Class 10
• Class 12
• Collage
• Counsellor
• Professionals
• Study Abroad
• Psychometric Test
• Pricing
• Event
• Phone number
• Sign in
• My Profile

5.2 Adding a slide show

Second step was to built a slide show for changing different images on the home page
when user interact with them.

5.3 Implementing a card

A card was implemented in the website to show the details of different employees of
the company. Which include the name of the employee and their experiences.

Also added a feature using which user can contact an employee.

15
5.4 Assessment Feature
To give assessment of different types this feature was added. Assessment is of two
types:
1> Psychometric Career Test
2> 21st Century Skills & Learning Test
On clicking these buttons user will be re directed to particular types of assessments.

5.5 Adding courses

The main part of the website is its courses and assessments. We added different
courses and assessments offer by the company Stirrings Minds. Here the course
duration, number of questions in assessment, time of assessment and price of courses
and assessment were displayed.

5.6 Company Details

Details of the company, Stirrings Mind are displayed here. Which include its social
media handles, contact company and many more.

16
 CHAPTER – 6
SNAPSHOTS

NAVIGATION BAR

SLIDE SHOW
1>

2>

17
 3>

4>

5>

ASSESSMENTS

18
ABOUT COMPANY

19
 CHAPTER – 7
CONCLUSION

In conclusion, my training experience as a Front-end Developer at Coding Kingdom

has been an incredible opportunity for growth and learning. Throughout my time
there, I have successfully developed a project for the company Stirrings Minds. The
project of the company Stirrings Minds – Career Guide was an exciting project.

Working on this project has allowed me to showcase my technical skills and

knowledge in Front-end development. I have gained hands-on experience in creating
user-friendly interfaces, implementing essential features, and incorporating logic for
Web development. Moreover, I have demonstrated my ability to work collaboratively
with colleagues and seek guidance when needed. During my training, I have faced
challenges and overcome them with dedication and problem-solving skills. I have
learned to adapt to new technologies and work effectively in a professional
environment. This experience has not only enhanced my technical abilities but also
reinforced my passion for Front-end development.

I am grateful for the opportunity to work with a team of talented professionals at

Coding Kingdom, who have provided guidance and support throughout my training.
Their expertise and mentorship have been invaluable in shaping my skills and
understanding of the industry. Overall, my training at Coding Kingdom has been a
stepping stone in my journey as a Front-end Developer. I am proud of the project that
I have completed and the growth I have achieved. I am confident that the skills and
knowledge I have gained here will serve as a solid foundation for my future career in
Front-end development. I would like to express my gratitude to the entire Coding
Kingdom team for this enriching experience. I am excited to take the next steps in my
career and apply the lessons learned during my training to future projects.

20
 REFERENCES

1. W3Schools. HTML Tutorial. Retrieved from

https://www.w3schools.com/html/

2. Mozilla Developer Network. (n.d.). CSS - Cascading Style Sheets.

Retrieved from https://developer.mozilla.org/en-US/docs/Web/CSS

3. Mozilla Developer Network. (n.d.). JavaScript | MDN. Retrieved

from https://developer.mozilla.org/en-US/docs/Web/JavaScript

21