VISVESWARAYA TECHNOLOGICAL UNIVERSITY

Jnana Sangama, Belagavi-590018

INTERNSHIP REPORT ON
“FULL STACK WEB DEVELOPMENT”
Submitted in partial fulfillment of the requirements for the award of degree of

BACHELOR OF ENGINEERING
In
INFORMATION SCIENCE AND ENGINEERING
Submitted By
Rajesh Chandra
(1BY20IS125)

Under The Guidance of Under The Guidance of

Sowmya K Mr. Neha Barnwal
Assistant Professor Software Developer
Department of ISE Internship Studio

BMS INSTITUTE OF TECHNOLOGY AND MANAGEMENT

DEPARTMENT OF INFORMATION SCIENCE & ENGINEERING
Avalahalli, Yelahanka, Bengaluru – 560064.

2024-2025
 VISVESWARAYA TECHNOLOGICAL UNIVERSITY
Jnana Sangama, Belagavi-590018

BMS INSTITUTE OF TECHNOLOGY &MANAGEMENT

YELAHANKA, BENGALURU-560064

DEPARTMENT OF INFORMATION
SCIENCE & ENGINEERING

CERTIFICATE

This is to certify that the internship work entitled “Full Stack

Web Development” is a bonafide work carried by Rajesh C(1BY20IS125)
in partial fulfilment for the requirement of Bachelor of Engineering
degree in Information Science and Engineering of Visvesvaraya
Technological University, Belagavi during the academic year 2024-25. It is
certified that all corrections/ suggestions indicated for the internal
assessment have been incorporated in the report deposited in the
departmental library.

Signature of the Guide Signature of the HOD Signature of the Principal

Sowmya K Dr. Surekha K B Dr. Sanjay H A
Assistant Professor Professor & HOD BMSIT & M
Department of ISE Department of ISE
BMSIT & M BMSIT & M

Name of the Examiners Signature with Date

1.

2.
 DECLARATION

I hereby declare that the Internship report entitled “Full Stack Web
Development” submitted to the BMS Institute of Technology & Management,
Yelahanka, Bengaluru has been carried out by me and submitted in partial
fulfillment of the course requirements for the award of degree in Bachelor of
Engineering in Information Science and Engineering of Visvesvaraya Technological
University, Belagavi, during the academic year 2024 - 2025. The matter embodied
in this report has not been submitted to any other university or institution for the
award of any other degree.

Signature of the Student

Rajesh Chandra
USN:1BY20IS125
 ACKNOWLEDGEMENT
I am happy to present this report of the internship program. This Program would not have been
possible without the guidance, assistance, and suggestions of many individuals. I would like
to express my deep sense of gratitude and indebtedness to each and every one who has helped
during my internship program.

I express my heartfelt gratitude and sincere thanks to Dr. Sanjay H A, Principal of

BMSIT&M for his constant encouragement and inspiration.

I sincerely convey my thanks to Dr. Surekha K B, Head of the Department, Information

Science and Engineering, BMSIT&M for his constant encouragement and

support.

I gracefully thank my Internal Guide, Sowmya K, Assistant Professor, Department of

Information Science and Engineering, BMSIT&M for his guidance, support and
advice.

I heartily thank my External Guide, Mrs. Neha Barnwal , Software Developer for his
constant support, encouragement, and advice.

Finally, I would like to thank my parents, friends and all those who are involved in
successful completion of internship program.

Rajesh Chandra

1BY20IS125

I
 internsh ·p
stud l o

CERTIFICATE
OF INTERNSHIP

THIS IS TO CERTIFY

RAJESH CHANDRA
for completing internship in
FULL STACK WEB DEVELOPMENT
at Internship Studio from I I th December, 2024 to 16th March,
2025. We wish you all the best for your future endeavours.

ISSUE DATE: 24th March, 2025

c}(Jv,, G3�
Neha Baranwal
Internship Mentor
CERTIFICATE NUMBER
ISAFII1157101
 CONTENTS
Declaration i
Abstract ii
Acknowledgement iii
Contents iv
List of Figures vii

Chapter No Chapter Title Page No

1 COMPANY PROFILE
1.1 History of the Organization 1
1.1.1 Objectives 1
1.1.2 Operations of the Organization 1
1.2 Major Milestones 2
1.3 Structure of the Organization 2
1.4 Services Offered 3

2 ABOUT THE DEPARTMENT

2.1 Specific Functionalities of the Department 4

3 TASK PERFORMED 6

4 REFLECTION NOTES
4.1 Experience 8
4.2 Technical Outcomes 8
4.2.1 System Requirement Specification 8
4.3 System Analysis and Design 8
4.3.1 Existing System 8
4.3.2 Disadvantages of the Existing System 9
4.3.3 Proposed System 9
4.3.4 Advantages of the Proposed System 9
4.4 System Architecture 10
4.4.1 Data Flow Diagram 10
4.4.2 UML Diagram 11

iv
 4.4.3 USE CASE Diagram 11
4.4.4 Class Diagram 12
4.4.5 Sequence Diagram 12
4.4.6 Activity Diagram 13
4.5 Implementation 13
4.5.1 Modules 13
4.6 Screen Shots 15
5 CONCLUSION 19

BIBLIOGRAPHY 20

APPENDIX 21

Appendix A: Abbreviations 21

v
 LIST OF FIGURES

Figure No. Name of the Figure Page No.

4.4.1.1 Dataflow of fetching course details in the college website 11
4.4.2.1 Unified Modelling Language diagram 12
4.4.3.1 Use case diagram 12
4.4.4.1 Class Diagram 13
4.4.5.1 Sequence Diagram 13
4.4.6.1 Activity Diagram 14

Screenshots
4.6.1 Home page 16
4.6.2 Live Updates 16
4.6.3 About us 17
4.6.4 Galley 17
4.6.5 Our courses 18
4.6.6 Student login 18
4.6.7 Contact us 19

vi
CHAPTER - 1
COMPANY PROFILE

1.1 History of the Organization

Tequed Labs Private Limited is a Private incorporated on 22 January 2018. It is classified as
Non-govt Company and is registered at Registrar of Companies, Bangalore. Tequed Labs is a
research and development centre and educational institute based in Bangalore. They are
focused on providing quality education on latest technologies and develop products which are
of great need to the society. They also involve in distribution and sales of latest electronic
innovation products developed all over the globe to their customers. They run a project
consultancy where they undertake various projects from wide range of companies and assist
them technically and build products and provide services to them. They are continuously
involved in research about futuristic technologies and finding ways to simplify them for their
clients.

1.1.1 Objectives
• To be a world-class research and development organization committed to enhancing
stakeholder’s value.
• To build best products that is socially innovative with high-quality attributes and
provides excellent education to all.
• Zeal to excel and zest for change. Respect for dignity and potential of individuals.
• They are continuously involved in research about futuristic technologies and finding
ways to simplify them for their clients.

1.1.2 Operations of the Organization

• The organization is focused on providing quality education on latest technologies and
develop products which are of great need to the society.
• They also involve in distribution and sales of latest electronic innovation products
developed all over the globe to their customers.
• They run a project consultancy where they undertake various projects from wide range of
companies and assist them technically and build products and provide services to them.

1
College Website Company Profile

• They are continuously involved in research about futuristic technologies and finding ways
to simplify them for their clients

1.2 Major Milestones

Tequed Labs is a reliable organization engaged in mca provider a qualitative range of
industrial products. They are also one of the leading companies of this highly commendable
range of products. The team of experts maintain a vigil on the quality of the products. Every
single piece of work is ensured with proper quality assurance. Since the inception in
22/01/2018, they are continually improving our quality to serve their clients better. Use of
modern technology, industry standards, timely and quality deliveries, experienced workforce
are their USPs.
In today’s competitive marketplace, it is important to bring the businesses and technologies
together to deliver on your promise. More than ever, Tequed Labs is committed to deliver on
our promise so that you can deliver on yours, the success of your organization.

1.3 Structure of the Organization

It is classified as Non-govt Company and is registered at Registrar of Companies, Bangalore.
Tequed Labs is a research and development center and educational institute based in
Bangalore. They are focused on providing quality education on latest technologies and
develop products which are of great need to the society. They also involve in distribution and
sales of latest electronic innovation products developed all over the globe to their customers.
The intern is honored by the internship program under this curriculum. This program has
enhanced the skill and enthusiasms of the students as they get knowledge of the company
environments and to learn different aspects of working mechanism that prevail in the
organizations.

Through the years, and have been successfully delivering value to our customers. We truly
believe that our customer's success is our success We don’t look at ourselves as a vendor for
their projects instead. You would be excited to hear some of our stories and know to what
extent we have gone in the interest of the success of our customers. and we work hard to
make that happen.

2 2024-2025
College Website Company Profile

1.4 Services Offered

• Trained students will avail premium job recommendation from Job Square's Super Match
feature.
• Offers training on trending technologies such as Cyber Security, Full Stack Web
Development, Internet of Things, Artificial Intelligence and Machine Learning.
• Provides flexible learning platform, with expert tutors to explain the trending
technologies to the interns.
• Provides certifications once the interns are trained and successfully completed the
projects assigned to them.

Dept. of ISE,BMSIT 3 2024-2025

CHAPTER-2
ABOUT THE DEPARTMENT

2.1 Specific Functionalities of the Department

There are several departments in the organization. The Tequed Labs provides online courses
related to IT technology, Aptitude. In IT sector, it offers several services which includes
Cloud Computing, Cyber Security, Full Stack Web Development, Internet of Things,
Artificial Intelligence and Machine Learning. It also provides additional technical courses
such as Data Structures, Java, Python programming languages, MongoDB, Bug Bounty,
Design and Analysis of programs, Robotic process automation, Programming in C++ and
many more courses available to get a hand on experience on trending technologies at an
affordable price.
They are focused on providing quality education on latest technologies and develop
products which are of great need to the society. They also involve in distribution and sales of
latest electronic innovation products developed all over the globe to their customers. The
intern is honored by the internship program under this curriculum. This program has
enhanced the skill and enthusiasms of the students as they get knowledge of the company
environments and to learn different aspects of working mechanism that prevail in the
organizations. They are continually improving our quality to serve their clients better. Use of
modern technology, industry standards, timely and quality deliveries, experienced workforce
are their USPs.

2.2 Roles and Responsibilities of Individuals

Since the internship was online, to ensure easy onboarding of interns, the company had
additional individuals who took care of the smooth run of online training.
• Operation and Strategy Head- Ensured there were no difficulties for interns while
onboarding. Best of mentors and doubt clarifying sessions were arranged too.
• Technical Lead- Ensured the technicalities of online training to be smooth. Best platforms
were arranged for our meetings and trainings.
• Mentors- They have helped us to understand the concepts, gave us tasks to get practical
take a way and clarified doubts to the best.
• Interns- Worked through the tasks given either individually or in a group

4
College Website About the Department

2.3 Testing
Testing was done according to the Corporate Standards. As each component was being built,
Unit testing was performed in order to check if the desired functionality is obtained. Each
component in turn is tested with multiple test cases to verify if it is properly working. These
unit tested components are integrated with the existing built components and then integration
testing is performed. Here again, multiple test cases are run to ensure the newly built
component runs in co-ordination with the existing components. Unit and Integration testing
are iteratively performed until the complete product is built.

Once the complete product is built, it is again tested against multiple test cases and all the
functionalities. The product could be working fine in the developer’s environment but might
not necessarily work well in all other environments that the users could be using. Hence, the
product is also tested under multiple environments (Various operating systems and devices).
At every step, if a flaw is observed, the component is rebuilt to fix the bugs. This way, testing
is done hierarchically and iteratively.

Dept. of ISE,BMSIT 5 2024-2025

CHAPTER-3
TASK PERFORMED

In this full stack development course was divided into two parts one was front end
development and one more is backend development. I worked on front-end part
Training Program
The internship is a platform where the trainees are assigned with the specific task. In the
initial days of the internship, I was trained on the following:
• HTML
• CSS
• JAVASCRIPT
• PHP
• SQL

FRONT END TOOLs

In front end part we have used HTML, CSS and Java Script has the web development
languages mainly used for the design of the web page.
HTML
The Hyper Text Markup Language or HTML is the standard markup language for documents
designed to be displayed in a web browser. HTML was developed with the intent of defining
the structure of documents like headings, paragraphs, lists, and so forth to facilitate the
sharing of scientific information between researchers. Now, HTML is being widely used to
format web pages with the help of different tags available in HTML language.

CSS
CSS is the acronym for "Cascading Style Sheet". This tutorial covers both the versions CSS1,
CSS2 and CSS3, and gives a complete understanding of CSS, starting from its basics to
advanced concepts. CSS is a must for students and working professionals to become a great
Software Engineer specially when they are working in Web Development Domain. I will list
down some of the key advantages of learning CSS. CSS handles the look and feel part of a
web page. Using CSS, you can control the color of the text, the style of fonts, the spacing
between paragraphs, how columns are sized and laid out, what background images or colors

6
College Website Task Performed

are used, layout designs, variations in display for different devices and screen sizes as well as
a variety of other effects.

BOOTSTRAP
Bootstrap is a free and open-source CSS framework directed at responsive, mobile-first front
end web development. It contains CSS- and (optionally) JavaScript-based design templates
for typography, forms, buttons, navigation, and other interface components. Bootstrap is a
web framework that focuses on simplifying the development of informative web pages (as
opposed to web apps). The primary purpose of adding it to a web project is to apply
Bootstrap's choices of color, size, font and layout to that project. As such, the primary factor
is whether the developers in charge find those choices to their liking. Once added to a project,
Bootstrap provides basic style definitions for all HTML elements. In addition, developers can
take advantage of CSS classes defined in Bootstrap to further customize the appearance of
their contents. For example, Bootstrap has provisioned for light- and dark- colored tables,
page headings, more prominent pull quotes, and text with a highlight.

JAVASCRIPT

Javascript is the most popular programming language in the world and that makes it a
programmer’s great choice. Once you learnt Javascript, it helps you developing great front-
end as well as back-end software using different Javascript based frameworks like jQuery,
Node.JS. Javascript helps you create really beautiful and crazy fast websites. You can
develop your website with a console like look and feel and give your users the best Graphical
User Experience.

I was responsible for designing the front-end part which includes:

• Showing only important and necessary information
• Minimalistic design
• Easy Navigation
• Soothing colors
• Clear showcase of vision and mission
• Proper login controls for both admin and student

Dept. of ISE,BMSIT 7 2024-2025

CHAPTER-4
REFLECTION NOTES
4.1 Experience
As per our experience during the internship, Tequed Labs follows a good work culture and it
has friendly employees, starting from the staff level to the management level. The trainers are
well versed in their fields and they treat everyone equally. There is no distinguishing between
fresher graduates and corporates and everyone is respected equally. There is a lot of
teamwork followed in every task, be it hard or easy and there is a very calm and friendly
atmosphere maintained at all times. There is a lot of scope for self-improvement due to the
great communication and support that can be found. Interns have been treated and taught well
and all our doubts and concerns regarding the training or the companies have been properly
answered. All in all, Tequed Labs was a great place for a fresher to start career and also for a
corporate to boost his/her career. It has been a great experience to be an intern in such a
reputed organization.

4.2 Technical Outcomes

4.2.1 System Requirements and Specification
HARDWARE REQUIREMENTS:
• Processor : x86 or x64
• Hard Disk : 500 GB or more.
• Ram : 512 MB(minimum) , 1 GB(recommended)

SOFTWARE REQUIREMENTS:
Operating System : Windows or Linux
Platform used: Microsoft Visual Studio
Database : SQL

4.3 System Analysis and Design

4.3.1 Existing System
The existing website was pretty good , but the information was not up to the mark. Website
for an organization is very important in all the aspects. First and foremost it was not attractive
and navigation friendly. The information was not very precise and knowledgeable. Very

8
College Website Reflection Notes

detailed structured is preferred in the case of websites. The entire organization’s performance
will be viewed in the website.

4.3.2 Disadvantages of the Existing System

• Information about the college was not clearly visible and the courses offered by the
college was not listed in proper.

• When we come to the subject of websites development the main thing to be focused on is
the navigation , where the existing system was lagging.

• The subscription to get the new updates of the college was not available.

• The next aspect is the communication media, which is very important. We have huge
medias to connect and hence all the required connections are not enabled.

4.3.3 Proposed System

The proposed website is the best one while in comparison with the existing one. The
information was up to the mark. The detailed information about the courses offered was
visible. First and foremost, it is attractive and navigation friendly. The information is very
precise and knowledgeable. Very detailed structured is preferred in the case of websites. All
the aspects are been met successfully.

4.3.4 Advantages of the Proposed System

• Information about the college is very clear, where students can have complete view of all
the services of an organization.
• When we come to the subject of websites development the main thing to be focused on is
the navigation, where the proposed system is perfect in this aspect.
• Students would really prefer some genuine feedbacks and hence the website must contain
the testimonial section which is present in this case.
• The next aspect is the communication media, which is very important. We have huge
medias to connect and hence all the required connections are enabled.

Dept. of ISE,BMSIT 9 2024-2025

College Website Reflection Notes

4.4 System Architecture

4.4.1 Data flow diagram
The DFD takes an input-process-output view of a system i.e., data objects flow into the
software, are transformed by processing elements, and resultant data objects flow out of the
software. Here we use one entry called the student, initially he/she has to fill their basic
details and then they have to choose the required course for them. All this information is
stored in the administrator database and is fetched whenever required.

Figure 4.4.1.1 Dataflow diagram of fetching course details in the college website

4.4.2 UML Diagram

UML diagrams can be used as a way to visualize a project before it takes place or as
documentation for a project afterward. But the overall goal of UML diagrams is to allow
teams to visualize how a project is or will be working, and they can be used in any field, not
just software engineering.

Dept. of ISE,BMSIT 10 2024-2025

College Website Reflection Notes

Figure 4.4.2.1 Unified Modelling Language diagram

4.4.3 Use Case Diagram

Figure 4.4.3.1 Use case diagram

Dept. of ISE,BMSIT 11 2024-2025

College Website Reflection Notes

4.4.4 Class Diagram

Figure 4.4.4.1 Class Diagram

4.4.5 Sequence Diagram

Figure 4.4.5.1 Sequence Diagram

Dept. of ISE,BMSIT 12 2024-2025

College Website Reflection Notes

4.4.6 Activity Diagram

4.4.6.1 Activity Diagram

4.5 Implementation
4.4.3 Modules
Login component
1. Admin
2. Student
Admin Component
1. Adds new courses
2. Authorize Student
3. Schedules the activity

Dept. of ISE,BMSIT 13 2024-2025

College Website Reflection Notes

Student component
1. Enters their details
2. Gets the required information

MODULES DESCRIPTION
Admin: Admin is a person who manages the website. Admin has the permission that he can
access the database.
There are some tasks which are performed by the Admin like:
• Add required information
• View Available information
• Issue New courses
• View Issued courses
• View Student
• Authorize and authenticate user

Student: Student or any person who needs view the website are most welcome .The second
feature is to register for the courses and get the information from the admin. Here the student
is allowed to give his/her basic details and get the information for the required aspect. The
job of the student is very simple since all the information provided in the website is the most
appropriate one and much updated.

Dept. of ISE,BMSIT 14 2024-2025

College Website Reflection Notes

4.6 Screenshots

Figure 4.6.1 Homepage

Figure 4.6.2 Live Updates

Dept. of ISE,BMSIT 15 2024-2025

College Website Reflection Notes

Figure 4.6.3 About us

Dept. of ISE,BMSIT 16 2024-2025

College Website Reflection Notes

Figure 4.6.6 Student login and faculty login

Dept. of ISE,BMSIT 17 2024-2025

College Website Reflection Notes

Figure 4.6.7 Contact us

Dept. of ISE,BMSIT 18 2024-2025

CHAPTER-5
CONCLUSION
In today's Web development, a good website design is essential. A bad design will lead to the
loss of visitors and that can lead to a loss of business. In general, a good page layout has to
satisfy the basic elements of a good page design. This includes color contrast, text
organization, font selection, style of a page, page size, graphics used, and consistency. In
order to create a well-designed website for a specific audience, the developer needs to
organized and analyze the users' statistics and the background of the users. Although it can be
hard to come up with a design that is well suited to all of the users, there will be a design that
is appropriate for most of the audience. The better the page design, the more hits a website
will get. That implies an increase in accessibility and a possible increase in business.

19
 BIBLIOGRAPHY
• Clark, Joe. Building Accessible Websites, New Riders Publishing, 2002.
• Duckett, Jon. Accessible XHTML and CSS Web Sites Problem Design Solution,
Wrox, 2005.
• Gay, Greg et al. Introduction to Web Accessibility, Ryerson University Pressbooks,
2019.
• Gay, Greg et al. Professional Web Accessibility Auditing Made Easy, Ryerson
University Pressbooks, 2016.
• Gay, Greg et al. Web Accessibility for Developers, Ryerson University Pressbooks,
2019.
Websites referred
www.google.com
www.w3schools.com
www.youtube.com
www.freecode.com

20
 APPENDIX
Appendix A: Abbreviation

IDE: An integrated development environment (IDE) is software for building applications that
combines common developer tools into a single graphical user interface (GUI).

CSS: Cascading Style Sheets, fondly referred to as CSS, is a simply designed language
intended to simplify the process of making web pages presentable. CSS allows you to apply
styles to web pages. More importantly, CSS enables you to do this independent of the HTML
that makes up each web page.

HTML: HTML stands for Hyper Text Markup Language. It is used to design the front end
portion of web pages using markup language. HTML is the combination of Hypertext and
Markup language. Hypertext defines the link between the web pages. The markup language
issued to define the text documentation within tag which defines the structure of web pages.

JS: JavaScript is a famous scripting language used to create the magic on the sites to make
the site interactive for the user. It is used to enhancing the functionality of a website to
running cool games and web-based software

21