BANGALORE UNIVERSITY

"Jnana Bharathi", Bangalore: 560056

An Internship Report on
"Full Stack Web Development"
SUBMITTED IN PARTIAL FULFILLMENT OF THE REQUIREMENT FOR THE AWARD
OF DEGREE IN BACHELOR OF COMPUTER APPLICATIONS

SUBMITTED BY

Name: Vaishnavi Shivayogi Meti

(Reg. No U03MG22S0029)
Under the guidance of
Mr. Sunil A B.E, M.Tech,KSET,(Ph.D)
Assistant Professor
Department of Computer Applications
SEC, Kengeri.

DEPARTMENT OF COMPUTER APPLICATIONS

SURANA EVENING COLLEGE, KENGERI
(Affiliated to Bangalore University, Bangalore)
CA-17, Stage I, Kengeri Satellite Town, Bengaluru, Karnataka 560060
 2024-2025

Full Stack Web Development

An Internship Report Submitted by

Vaishnavi Shivayogi Meti
Under the Guidance of
Mr. Sunil A B.E, M.Tech,KSET,(Ph.D)
Assistant Professor
Department of Computer Applications
SEC, Kengeri.
in partial fulfillment of the requirement for the award of degree of
Bachelor of Computer Applications

DEPARTMENT OF COMPUTER APPLICATIONS

SURANA EVENING COLLEGE, KENGERI
(Affiliated to Bangalore University, Bangalore)
CA-17, Stage I, Kengeri Satellite Town, Bengaluru, Karnataka 560060
2024-2025
 SURANA EVENING COLLEGE

(Affiliated to Bangalore University, Bangalore)

CA-17, Stage I, Kengeri Satellite Town, Bengaluru, Karnataka 560060

CERTIFICATE
Certified that the Internship Report entitled "Full Stack Web Development" is a Bonafide work carried
out by Mrs. Vaishnavi Shivayogi Meti bearing Reg No: U03MG22S0029 in partial fulfillment for the
award of degree of Bachelor of Computer Applications of Bangalore University, Bangalore during the
year 2024-2025. This work has been approved as it satisfies the academic requirements for the Internship
prescribed for the Bachelor of Computer Applications Degree.

Examiner 1: ……………….

Examiner 2: ……………….

Signature of Guide Signature of HOD Signature of Principle

Mr. Sunil A Mr. Sunil A Dr. Guruprasad B G

Assistant Professor Head of Dept. Principal
SEC, Kengeri. SEC, Kengeri. SEC, Kengeri
 DECLARATION

We, hereby declare that the Internship titled "Full Stack web Development" is completed, towards the
partial fulfilment for the award of Bachelor of computer application of the Bangalore University,
Bangalore, during 2024-2025. This has been compiled purely from the academic point of view and is
therefore, presented in a true and sincere academic spirit. Contents of this report are based on our study and
findings.

Date: …………. Signature of the students

Place: Kengeri Vaishnavi Shivayogi Meti

Name of Student
 ACKNOWLEDGEMENT

The euphoria and satisfaction of the completion of the project will be incomplete without thanking
the personalities responsible for this venture, which would not have been reality.

I offer my sincere thanks to the Management of Surana Evening College, Kengeri for providing
all kind of facilities to carry out my Project work.

I would like to express our gratitude to Dr. Guruprasad B G, Principal of SECK for providing us
congenial environment for studies related to Project.

I especially grateful to Mr. Sunil A, HOD, Department of Computer Applications for his
continuous encouragement.

I express my deep sense of gratitude and profound feeling of admiration to our guide
Mr/Mrs, Santhosh N, Assistant Professor, Department of Computer applications for her valuable
suggestions, expert advice, unending support and constant guidance that helped me in completing
the project work successfully.

Finally, I thank all those who have directly or indirectly helped us which made this work a reality.

Vaishnavi Shivayogi Meti

(U03MG22S0029)
 TABLE OF CONTENT

Sl. No CONTENT Page No

1. Company Profile 1

1.1 History of the Organization 1-2

1.2 Major Milestones 3

1.3 Structure of the Organization 3-4

1.4 Services Offered 4-6

2. About the department 7

2.1 Specific Functionalities of the Department 7

2.2 Process Adopted 7

2.3 Testing 8

2.4 Structure of the Department 8

2.5 Roles and Responsibilities of Individuals 9

3. Task Performed 10-11

4 Reflection Notes 12

4.1 Experience 12

4.2 Technical Outcomes 12-13

4.3 System Analysis and Design 13-14

4.4 System Architecture 15

4.5 Implementation 15-16

4.6 Screenshots 16-18

5 Conclusion 19

6 BIBLIOGRAPHY 20

7 APPENDIX 21
 Full Stack Web Development

CHAPTER - 1
COMPANY PROFILE

1.1 History of the Organization

EDUKET is founded by a group of Enterprise Architects having over two decades of experience
in software architecture, design and development of mission critical systems for some of the
Fortune 500 companies. We hire some of the best talents in the market to deliver quality software
on your aggressive milestone dates. Being in the industry and having hands on experience, we
fully understand the entire Software Development Life Cycle and we only hire resources who
meet our high standards. All of our resources go through our rigorous interview process based
on your requirements and we only select the candidates who not only technically strong but also,
they are fully dedicated to deliver on your promise, the success of your organization.

Our resources are expert in designing and developing applications using Agile and Scrum
methodologies. Whatever your software development methodologies may be, our resources have
experience in broad areas, and they can pull any project successfully. We work hard to enhance
continuously our reputation for accessibility, professionalism, performance, and the depth and
quality of our long-term consultative relationships with our clients. We endeavor to be valued
as an industry leader in client satisfaction, quality performance and reputation. All activities will
be conducted to the highest ethical and professional standards.

To help our clients achieve their objectives by serving as their manpower consulting firm.
EDUKET has one-to-one relationships with several clients, helping them benefit from all of the
technologies available to them and build a better solution that exceeds client's expectation. It is
our goal that offers a full range of software, consulting, support, automation combined with a
wide range of technologies that enable clients to consider how they could achieve their
objectives.

Dept. of Computer Applications, SECK 1 2024-2025

Full Stack Web Development

1.1.1 Objectives

We are committed to going the extra mile to bring success to the clients consistently. We
are dedicated to delivering the right people, solutions, and services to the clients that they
require to meet their technology challenges and business goals. Delivering the most efficient
and the best solution to our clients to every client leveraging leading technologies & industry
best practices.

1.1.2 Operation of the Organization

The race for digital transformation is on. In this globally connected on-demand world with
rapid advancements in internet technologies, businesses worldwide are under constant
pressure to add innovative real-time capabilities to their applications to respond to market
opportunities.

Every business worldwide is building event-driven, real-time applications - from financial

services, transportation, and energy, to retail, healthcare, and Gaming companies. Our
endeavor is to make it easy to develop innovative real-time applications and efficient to
operate them in production.

We have a proven record of building highly scalable, world-class consulting processes that
offer tremendous business advantages to our clients in the form of huge cost- benefits,
definitive results and consistent project deliveries across the globe.

We prominently strive to improve your business by delivering the full range of

competencies including operational performance, developing and applying business
strategies to improve financial reports, defining strategic goals and measure and manage
those goals along with measuring and managing them.

Dept. of Computer Applications, SECK 2 2024-2025

Full Stack Web Development

1.2 Major Milestones

EDUKET is an Information Technology manpower consulting and product development firm

specialized in bringing businesses and technologies together under the same umbrella. Our
indepth knowledge in developing mission critical systems for Fortune 500 companies has
earned us the reputations in the marketplace. Whether you are building complex systems for
your customers or migrating your legacy systems to cutting edge technologies, our resources
are fully trained and equipped with the knowledge required to perform the job right, from the
very first day. We serve on a wide variety of our clients including Banking, Accounting,
Insurance, Healthcare, Retail, Trucking & Transportation. We have proven record of
evaluating the best candidates for your requirement and stand by on the quality throughout
the project implementation. In today’s competitive marketplace, it is important to bring the
businesses and technologies together to deliver on your promise. More than ever, EDUKET
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

EDUKET, core strength lies in our super energetic and gigantic team, forming an excellent
blend of IT minds along with a creative bent. Taking ownership of not only one’s own task
but also creating an enduring & contented customer is what every individual works together
with. Our endeavor is to continuously improve and deliver maximum– enriching products

& solutions. That’s what we mean – doing IT better driving business transformation, digitally
– Applying disruptive technologies for business transformations. CST brings great advantage
to business space by bridging gaps, simplifying businesses and elevating competitive
benefits by providing technology-based business solutions.

Leveraging the enormous talent of our passionate and proven individuals. We are hugely a
customer-centric organization that is bent upon consummating the needs of the customers
beyond their expectations. We successfully host a consortium of experienced professionals

Dept. of Computer Applications, SECK 3 2024-2025

 Full Stack Web Development

who work in synergy to gain an edge over the market. we look at ourselves as a team where
we co-create with them.
Having delivered successful projects, we pride ourselves on being a sought-after mobile
application development. 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. This philosophy and execution have resulted in a long-term partnership with
most of our clients.

1.4 Services Offered

It is believed that service and quality is the key to success, enabling business success driven

by technology. Harnessing the power of technology, we create a measurable difference for

our clients across various industries & multiple geographies.

Development:

We develop responsive, functional and super-fast websites. We keep User Experience in

mind while creating websites. A website should load quickly and should be accessible even

on a small view-port and slow internet connection.

Branding and Design:

We offer professional Graphic design, Brochure design & Logo design. We are experts in

crafting visual content to convey the right message to the customers. We also design custom

wraps for your products (also known as package designing).

Dept. of Computer Applications, SECK 4 2024-2025

Full Stack Web Development

Search Engine

Optimization We help you manage your SEO campaign more efficiently and effectively. We

help you gain market share by leveraging our expertise. our holistic approach to identify

anything that may be hurting your traffic or rankings and show you just how to outrank the

competition.

Content Writing:

We provide content writing services for blogs and product descriptions; our team helps you

generate content to Increase your Brand Recall. We can amplify your marketing needs &

help you reach your potential customers

Research:

We equip business leaders with indispensable insights, advice and tools to achieve their

goals, our main area of research is in sentimental analysis, having published multiple

papers on the same, we are in the process of creating a virtual bot that is intended to use

our sentimental analysis data to provide real time replies.

6 Embedded System and IOT:

EDUKET works with Consumer Electronics, Lighting, Home Automation, Metering,

Sensor- Technology, Home Appliance and Medical Device companies to help them create

smart and connected products. Through its integrated Embedded and IoT services, Techno

Dept. of Computer Applications, SECK 5 2024-2025

Full Stack Web Development

soft helps build intelligent & connected devices that can be remotely monitored and

controlled while leveraging edge and cloud computing for a host of intelligent applications

and analytics.

7 Full Stack Web Development:

Full stack web development is the practice of working on both the front-end and back end

of a program. Full Stack is a layer of software or web development consisting of the

frontend and the back-end portions of an application. Front-end is what the users will see

or interact with on your application. Back-end part is what users do not see, such as

application’s logic, database, server, etc. A full-stack web developer is comfortable

working with both back-end and front-end technologies which make a website or

application function properly.

Dept. of Computer Applications, SECK 6 2024-2025

 Full Stack Web Development

CHAPTER – 2
ABOUT THE DEPARTMENT

2.1 Specific Functionalities of the Department

Our department of tech support majorly focused on manage, maintain and repair IT systems.
The Special functionalities include
• Understanding the work to be completed.
• Planning the assigned activities in more detail if needed
• Completing assigned work within the budget, timeline
and quality expectations

• Informing the project manager of issues, scope changes, risk and quality concerns

• Proactively communicating status and managing expectation

2.2 Process Adopted

The department aims to first understand the user requirements. Further on, a basic structure of
the product that needs to be built is drawn and understood. Eventually, the technologies that
would best help in developing the product are understood. If the product has database
requirements, the schema and the database design are worked upon. The department believes in
“Think before you code”- the requirements and logics are first understood over a paper and then
are moved to a code form. Agile processes generally promote a disciplined project management
process that encourages frequent inspection and adaptation, a leadership philosophy that
encourages teamwork, self-organization and accountability, a set of engineering best practices
intended to allow for rapid delivery of high-quality software, and a business approach that aligns
development with customer needs and company goals. Agile development refers to any
development process that is aligned with the concepts of the Agile Manifesto. The Manifesto
was developed by a group fourteen leading figures in the software industry and reflects their
experience of what approaches do and do not work for software development.

Dept. of Computer Applications, SECK 7 2024-2025

Full Stack Web Development

2.3 Testing
Testing was done according to the Corporate Standards. As each component was being built,
Unit testing was performed 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.

2.4 Structure of the Department

Figure Structure of the Department

Dept. of Computer Applications, SECK 8 2024-2025

Full Stack Web Development

2.5 Roles and Responsibilities of Individuals

Since the internship was remotely conducted by the company, to ensure easy onboarding of
interns, the company had 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

Dept. of Computer Applications, SECK 9 2024-2025

 Full Stack Web Development

CHAPTER – 3
TASK PERFORMED
Internship was divided into two parts one is front end development and one more is backend
course. In this full stack development course, it was divided into two parts one is front end
development and one more is backend course. 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

Python

SQL

FRONT END
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 (Hyper Text Markup Language) The Hypertexts Markup Language, or HTML is the
standard markup language for documents designed to be displayed in a web browser. It can be
assisted by technologies such as CSS and scripting languages such as Java Script.

CSS(Cascading Style Sheet) Cascading Style Sheets is a style sheet marketing used for describing
the presentation of a document written in a markup language such as HTML. CSS is a cornerstone
technology of the World wide Web, alongside HTML and Java Script.

JAVASCRIPT JavaScript, often abbreviated as JS, is a programming language that conforms to

the ECMA Script specification. JavaScript is high level, often just-in-time compiled, and
multiparadigm. It has curly-bracket syntax, dynamic typing, prototype based, objectoriented, and

Dept. of Computer Applications, SECK 10 2024-2025

 Full Stack Web Development

first class function. After the completion of frontend discussion , a simple project was developed
called Web page for LG company using HTML, CSS, JavaScript. It had the basic information, the
photo was inserted, it also consisted of gif and a video. Navigation to second web page was also
done.

BACK END
Python
• Python is programming language. Its syntax is easy and code is very readable.

• Python has a lot of applications. It's used for developing web applications, data science, rapid
application development, and so on.

• Python allows you to write programs in fewer lines of code than most of the programming
languages.

• The popularity of Python is growing rapidly. Now it's one of the most popular programming
languages.

SQL
• SQL stands for Structured Query Language • SQL lets you access and manipulate databases

• SQL became a standard of the American National Standards Institute (ANSI) in 1986, and of the
International Organization for Standardization (ISO) in 1987

• SQL can execute queries against a database, retrieve data from a database ,insert records in a
database, update records in a database, delete records from a database, create new databases,
create new tables in a database, create stored procedures in a database, create views in a database,
set permissions on tables, procedures, and views

Dept. of Computer Applications, SECK 11 2024-2025

 Full Stack Web Development

CHAPTER – 4
REFLECTION NOTES

4.1 Experience

"EDUKET" was the company where I interned, Good and disciplined and focused environment.
Mr. Santhosh N, Friendly mentor and experienced educator. Every endeavor requires a positive
work environment and teamwork. The project's development phase and implementation
provided an understanding of website construction as well as the fundamentals of using the
learned technology.it 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 company.

4.2 Technical Outcomes

4.2.1. Frontend Development Skills

 HTML/CSS: Ability to create structured, styled, and responsive web pages.
 JavaScript (ES6+): Proficiency in DOM manipulation, async programming, and modern
syntax.
 Frontend Frameworks: Experience with libraries like React.js, Vue.js, or Angular.
 Responsive Design: Mastery of frameworks like Bootstrap or CSS Grid/Flexbox for
mobile-friendly UIs.

4.2.2. Backend Development Skills

 Server-side Programming: Building APIs and server logic using Node.js, Express.js,
Django, or Ruby on Rails.
 Authentication & Authorization: Implementing user login systems with JWT, OAuth, or
sessions.
 API Design: Creating RESTful or GraphQL APIs to handle client-server communication.

4.2.3. Database Management

 Relational Databases: Working with MySQL, PostgreSQL – schema design,

joins, indexing.

Dept. of Computer Applications, SECK 12 2024-2025

Full Stack Web Development

 NoSQL Databases: Experience with MongoDB or Firebase – flexible schema,

document handling.
 ORMs/ODMs: Using Sequelize, Mongoose, or Prisma for database interaction.

4.2.4. DevOps & Deployment

 Version Control: Using Git and GitHub for collaborative coding and versioning.
 CI/CD Pipelines: Exposure to tools like GitHub Actions, Jenkins, or Travis CI.
 Deployment Platforms: Deploying apps on Netlify, Vercel, Heroku, Render, or AWS.
 Docker (optional): Containerization of applications for consistency across environments.

4.2.5. Testing & Debugging

 Unit Testing: Using frameworks like Jest, Mocha, or Jasmine.

 Integration & E2E Testing: Tools like Cypress, Puppeteer, or Postman.
 Debugging Tools: Using browser dev tools, logging, and stack tracing for troubleshooting.

4.2.6. Soft Skills & Workflow

 Agile/Scrum Methodologies: Familiarity with sprint planning, stand-ups, and

retrospectives.
 Project Management Tools: Experience with Trello, Jira, or Asana.
 Code Reviews & Pair Programming: Collaborating effectively in team settings.

4.2.7. Portfolio Projects

 Capstone Project: A full-featured app demonstrating integration of frontend, backend, and

database.
 Mini Projects: Smaller apps (e.g., to-do list, blog, e-commerce cart) showcasing specific
skills.

4.3 System Analysis and Design

System Analysis and Design (SAD) in Full Stack Web Development is a structured process
used to understand, model, and plan how a full stack application should be built to meet
business or user needs.

Dept. of Computer Applications, SECK 13 2024-2025

Full Stack Web Development

4.3.1 Proposed System

The Proposed System in full stack web development refers to a planned solution
that addresses the problems or limitations identified during the analysis phase. It
outlines what the system will do, how it will work, and what technologies will
be used.

4.3.2 Advantages of the Proposed System

End-to-End Integration: Seamless communication between frontend and

backend ensures a smooth user experience and efficient data flow.

User-Friendly Interface: Responsive and intuitive UI enhances usability across

devices (desktop, tablet, mobile).

Real-Time Functionality: Features like real-time updates (using Web Sockets or

polling) improve interactivity (e.g., live chat, status tracking).

Scalability: Modular design and use of modern stacks (like MERN or MEAN)
allow the system to grow with user demand.

Enhanced Security: Implementation of best practices like JWT authentication,

password hashing, and input validation protects user data.

Dept. of Computer Applications, SECK 14 2024-2025

 Full Stack Web Development

4.4 System Architecture

4.4.1 Data Flow Diagram: The Data Flow Diagram in full stack web development
is graphical representation of flow of data/info. It is used to show how data is
moved between different processes. In this webpage the data is moved inside the
website. When we come to the subject of websites development the main thing to
be focused on is the navigation.

4.5 Implementation

4.5.1 Modules

 Frontend Module (Client-Side)

 Backend Module (Server-Side)
 Database Module
 Authentication & Security Module
 Deployment & DevOps Module
 Testing Module
 Monitoring & Analytics Module
 API & External Services Module

Dept. of Computer Applications, SECK 15 2024-2025

 Full Stack Web Development

MODULES DESCRIPTION

• The basic webpage of this project is created using HTML, styling of the webpage is
done using CSS and Javascript for interactive web content.

• The main objective of this project is to learn the implementation of HTML, CSS and
JavaScript.

4.6 Screenshots

Dept. of Computer Applications, SECK 16 2024-2025

Full Stack Web Development

Dept. of Computer Applications, SECK 17 2024-2025

 Full Stack Web Development

CHAPTER – 5
CONCLUSION

In today's Web development, a good site 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 must 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. To create a well-designed website for a specific audience, the
developer needs to organize 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 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.

Dept. of Computer Applications, SECK 18 2024-2025

Full Stack Web Development

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:
• www.google.com
• www.w3schools.com
• www.youtube.com
• www.freecode.com

Dept. of Computer Applications, SECK 19 2024-2025

Full Stack Web Development

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
frontend 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 isused to define the text documentation within tag which defines
the structure of web pages.

JavaScript: 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

Dept. of Computer Applications, SECK 20 2024-2025