VIDYAVARDHAKA COLLEGE OF ENGINEERING

Autonomous institution affiliated to

Visvesvaraya Technological University, Belagavi

FULL STACK WEB DEVELOPMENT

An Internship Report submitted in partial fulfillment for the award of degree

BACHELOR OF ENGINEERING
IN
ELECTRONICS AND COMMUNICATION ENGINEERING
BY
RUTHVIK BJ 4VV20EC126
Internship Carried Out
At
Dotch Endeavours Private Limited (DEPL), Mysuru
Under the Guidance of
Internal Guide External Guide
Ms. Bhargavi K Mr. Ravi
Assistant Professor R&D Head
Dept. of ECE Vinyas Technologies
VVCE, Mysuru Mysuru

DEPARTMENT OF ELECTRONICS AND COMMUNICATION ENGINEERING

Accredited by NBA, New Delhi (up to 30-06-2026)
VIDYAVARDHAKA COLLEGE OF ENGINEERING
Accredited by NAAC with A ‘Grade’
GOKULAM III STAGE, MYSURU-570 002
2023-24

1
 VIDYAVARDHAKA COLLEGE OF ENGINEERING
Ш STAGE, GOKULAM, MYSURU-570002

DEPARTMENT OF ELECTRONICS AND COMMUNICATION ENGINEERING

CERTIFICATE

Certified that the internship work entitled “FULL STACK WEB DEVELOPMENT” carried out by Ruthvik BJ,
USN 4VV20EC126, a Bonafede student of Vidyavardhaka College of Engineering in partial fulfilment for the
award of Bachelor of Engineering in Electronics and Communication of the Visvesvaraya Technological
University, Belagavi during the year 2023-2024. It is certified that all corrections/suggestions indicated for
Internal Assessment have been incorporated in the Report deposited in the departmental library. The internship
report has been approved as it satisfies the academic requirements in respect of internship work prescribed for
the said Degree.

NAME & SIGNATURE NAME & SIGNATURE SIGNATURE OF THE

OF THE GUIDE OF THE HOD PRINCIPAL

EXTERNAL VIVA

NAME OF THE EXAMINERS SIGNATURE WITH DATE

1.

2.

2
 SMARTBRIDGE
HYDERABAD, TELANGANA-500096

CERTIFICATE

Certified that the internship work entitled “FULL STACK WEB DEVELOPMENT” carried out by
RUTHVIK BJ, USN 4VV20EC126, a Bonafede student of Vidyavardhaka College of Engineering in partial
fulfilment for the award of Bachelor of Engineering in Electronics and Communication of the Visvesvaraya
Technological University, Belgaum during the year 2023-2024. It is certified that, he/she has completed the
work satisfactorily.

Name & Signature of the Guide Name & Signature of the Head of
organization

3
``

4
 I. DECLARATION

I, Ruthvik BJ, studying in 8th semester of Bachelor of Engineering in Electronics and Communication
Engineering at Vidyavardhaka College of Engineering, Mysuru, hereby declare that the presented report of
internship carried out at “Dotch Endeavours Pvt Ltd” which is being submitted by me in the partial
fulfilment for the award of the degree of Bachelor of Engineering in Electronics and Communication
Engineering, from Visvesvaraya Technological University, Belagavi is a record of me carrying out the
internship during the academic year 2023-2024, under the guidance of Mrs. Bhargavi K, Department of
Electronics and Communication Engineering, Vidyavardhaka College of Engineering, Mysuru. I further
undertake that the matter embodied in the dissertation has not been submitted previously for the award of
any degree or diploma by me to any other university or institution.

Place: Mysuru

5
 II. ABSTRACT

This internship at Dotch Endeavours provided an immersive experience in applying full stack and web
development for projects. The program focused on bridging the gap between theoretical knowledge and
practical applications. The individual project under the guidance of experienced mentors, delving into
real-world full stack and web development concepts through hands-on development. This approach
fostered self-reliance, problem-solving skills, and efficient project completion.

Dotch Endeavours' unique work culture played a significant role in my learning. The emphasis on
autonomy, trust, and open communication allowed me to learn from mentors and senior executives alike.
Additionally, access to recorded videos alongside live demonstrations and practical sessions provided a
comprehensive learning environment.

Through this internship, I gained valuable practical skills in full stack and web development, along with
the confidence to tackle future projects in the field.

6
 III. ACKNOWLEDGEMENT

It is our proud privilege to acknowledge the kind of help and guidance received from several people in
preparation of this report. It would not have been possible to prepare this report in this form without their
valuable help, cooperation and guidance.

First and foremost, we wish to record our sincere gratitude to Management of this college and to our beloved
Principal, Dr. B. Sadashive Gowda, Vidyavardhaka College of Engineering, Mysuru, for his constant
support and encouragement in preparation of this report and for making available library and laboratory
facilities needed to prepare this report.

Our sincere thanks to Dr. Chandrashekar M Patil, Professor and Head, Department of Electronics and
Communication Engineering, VVCE, for his valuable suggestions and guidance throughout the period of
Internship.

We express our sincere gratitude to our guide Mrs. Bhargavi K, Department of Electronics and
Communication Engineering, VVCE, Mysuru for guiding us through Internship. Our numerous discussions
with his/her were extremely helpful.

Our sincere thanks to Dr. Sharath Kumar A J, Internship Coordinator, Department of Electronics and
Communication Engineering, VVCE, Mysuru for having supported the work related to this Internship. His
contributions and technical support in preparing this report are greatly acknowledged.

Place: Mysuru

7
 IV. Table of Contents

Chapter Chapter name Page

no. no.
I Declaration 5
II Abstract 6
III Acknowledgement 7
IV Table of Contents 8
V List of Figures 9
Chapter 1 Company Details 10-12
1.1 Company Profile 10
1.2 About the Company 11
1.3 Objectives 11
1.4 Corporate Profile 12
Chapter 2 Introduction to Internship 13-14
2.1 Full stack and web 13
development
2.2 HTML 13
2.3 CCS 14
2.4 JavaScript 14
Chapter 3 Courier management system 15-16
3.1 Problem Statement 15
3.2 Introduction 15
3.3 Block Diagram 15&16
Chapter 4 Tasks Performed 17-21
Chapter 5 Learning Outcomes 22
Chapter 6 Conclusion 23

8
 V. List of Figures

Sl no. Figure Page no.

Fig.1.1 Dotch Endeavours logo 11
Fig.2.1 HTML Logo 13
Fig.2.2 JavaScript Logo 14
Fig.2.3 CCS Logo 14
Fig.2.5 Schema of Basic System 16
Fig.4.1 XAMPP software 17
Fig.4.2 Back end output 18
Fig.4.3 login page 19
Fig.4.4 output window 19

9
Chapter-1
Company Details

1.1 Company Profile

Company name: Dotch Endeavours Private Limited (DEPL)

Address: 2nd main, 8th cross Saraswathi Puram, Saraswathi Puram Mysore
mysore-570009
Phone no: 91 8919961637
Email-address: [email protected]
Website: https://www.dotch-endeavours-private limited.com
Class of company: Private
Founder: Mansur Ahmed
Founded: 08 August 2023
Company category: Startup
Company sub category: Non-govt company
Corporate services :

● End-to-end payment integration solutions (Razorpay, Paytm, PhonePe)

● Custom software development

● E-commerce solutions

● Quality Assurance and Testing

● Video calling API integration solutions

Products:

● MoneyLeap - Skill-Based online gaming platform.

● UserMetrics - Real-time user testing software.

● Blue Collar Excellence - Availing global opportunities for a skilled workforce.

10
1.2 About the Company

Fig 1.1 Dotch Endeavours logo

Dotch Endeavours Private Limited, established in 2023, stands as a privately held company operating under
a non-governmental classification headquartered in Saraswathi Puram, Mysore. Our firm is duly registered at
the Registrar of Companies, Bangalore, solidifying our commitment to legal compliance and operational
transparency within the industry. As a leading software company, we specialize in crafting cutting-edge
technology solutions tailored to meet diverse business needs. Our commitment to excellence drives us to
deliver robust software products and services, empowering businesses to thrive in the digital landscape. At
Dotch Endeavours, we merge expertise with creativity to redefine possibilities and drive tangible outcomes
for our clients.

Dotch Endeavours initiated InternLeap, an independent platform designed to provide students with immersive
training opportunities and engagement in real-time industrial projects. Additionally, through InternLeap, we
offer skill-focused, hands-on training. Our expertise spans multiple domains including FullStack Web
Development, Industrial Automation, Product Design, Python & Deep Learning, Embedded Systems,
Android/iOS Development, and Cloud Computing, ensuring a comprehensive approach to skill enrichment
and professional development.

1.3 Objectives

1. Objective of Organization Dotch Endeavours Private Limited, established in 2023, stands as a privately
held company operating under non-governmental classification headquartered in Mysore.
2. Our firm is duly registered at the Registrar of Companies, Bangalore, solidifying our commitment to
legal compliance and operational transparency within the industry.
3. Our mission is to achieve the leading position as a distinguished & absolute end-to-end information
technology infrastructure & service provider. We want to develop with profitable growth through
superior Customer service, Innovation, Quality and Commitment
4. Building solid fundamentals in the Computer Science domain is the first step to landing a full stack
internship. One of the priorities is to improve your Math skills since Computer Science depends on

11
 mathematical concepts like logic, arithmetic, probability, etc. Next, you need solid programming skills
5. As a leading software company, we specialize in crafting cutting-edge technology solutions tailored to
meet diverse business needs.
6. Our commitment to excellence drives us to deliver robust software products and services, empowering
businesses to thrive in the digital landscape.

1.4 Corporate Profile

Dotch Endeavours Private Limited is an unlisted private company incorporated on 08 August 2023. It is
classified as a private limited company and is located in Karnataka. Its authorized share capital is INR
10,000.00 and the total paid-up capital is INR 10,000.00.

The Corporate Identification Number (CIN) of Dotch Endeavours Private Limite is

U58202KA2023PTC177051. The registered office of Dotch Endeavours Private Limited is at 5/A, 2nd Main,
8th cross Saraswathipuram, Saraswathipuram Mysore Mysore, Karnataka. At Dotch Endeavours Pvt Ltd,
there is distinctive work culture fosters autonomy and trust among team members, irrespective of their
hierarchical standing. Managers and supervisors empower subordinates, instilling confidence in their ability
to independently accomplish tasks. This culture of trust permeates throughout the organization, defining
interactions not only with interns but also with senior executives and all employees. Moreover, the company
embraces a friendly and supportive atmosphere, evident in the guidance and attention provided by mentors
committed to assisting in problem resolution. An open culture prevails at every desk, encouraging interns to
absorb knowledge through observation and fostering an environment where doubts are promptly addressed
by mentors. To facilitate comprehensive learning, we offer recorded videos for offline reference,
complemented by live demonstrations and practical, hands-on sessions that prove instrumental throughout
the internship tenure

12
Chapter-2
Introduction
2.1 Full stack web development:
Web development involves creating and maintaining websites or web applications that are accessible over the
internet. It's a dynamic field that combines coding, design, and user experience to bring digital experiences to
life. Full stack web development refers to the practice of creating both the front-end and back-end parts of a
website or web application. It encompasses a wide range of technologies and skills required to build a fully
functional and interactive web solution. In essence, a full stack developer is proficient in both the client-side
and server-side aspects of web development.
On the front-end, full stack developers utilize languages such as HTML, CSS, and JavaScript, along with
frameworks and libraries like React, Angular, or Vue.js, to design and implement the user interface and user
experience of the website. This involves crafting the layout, styling, and interactivity to ensure an engaging
and intuitive user experience across different devices and screen sizes.
KEY COMPONENT:
• Front-end development
• Back-end development
• full-stack development
COMMON TECHNOLOGIES:
• HTML (Hyper Text Markup Language)
• CSS (Cascading Style Sheet).
• JavaScript

2.2 HTML (Hyper Text Markup Language)

HTML (Hypertext Markup Language) serves as the foundation for full stack web development, as it provides
the structure and content of web pages. Full stack developers use HTML to create the basic layout and elements
of a web page, including headings, paragraphs, images, links, forms, and more. While HTML forms the
backbone of the front-end part of web development, full stack developers often work with other technologies
in conjunction with HTML to create dynamic and interactive user interfaces

Fig 2.1 HTML Logo

13
2.3 CSS (Cascading Style Sheet)
Full-stack web development and CSS (Cascading Style Sheets) are closely connected elements in creating
modern web applications. CSS is a fundamental technology used in web development for styling HTML
elements. It allows developers to define the visual presentation of web pages, including layout, colors, fonts,
and other design aspects. As a full-stack web developer, understanding CSS is crucial because it's the primary
tool for creating visually appealing and user-friendly interfaces.

Fig 2.2 CCS Logo

2.4 JavaScript
The connection between full-stack web development and JavaScript is profound, as JavaScript is one of the
core technologies used in both front-end and back-end development. Here's how JavaScript fits into full-stack
web development:
Full-stack web development and JavaScript share an inseparable bond, forming the backbone of modern web
applications. JavaScript's versatility and ubiquity make it a cornerstone technology for developers working on
both the front end and back end of web projects. On the front end, JavaScript empowers developers to craft
dynamic and interactive user interfaces, enabling features like form validation, DOM manipulation, and
asynchronous data fetching without page reloads. With frameworks like React, Angular, and Vue.js, full-stack
developers harness the power of JavaScript to build rich single-page applications (SPAs) that provide seamless
user experiences akin to desktop applications.

Fig.2.3 JavaScript Logo

14
Chapter-3

Problem Statement
The current manual methods of managing blood bank operations pose significant challenges, including
complexity in tracking donor details and blood inventory, time and space consumption, scarcity of rare blood
types, unavailability of blood during emergencies, and low awareness about blood donation and transfusion.
These challenges hinder the efficient and timely provision of blood transfusion services, jeopardizing patient
outcomes and public health.
To address these issues, a comprehensive Blood Bank Management System using PHP/MySQL is proposed.
This system aims to automate and streamline various processes, including donor registration, blood inventory
management, donation tracking, and communication with hospitals and donors. By leveraging technology, the
system seeks to enhance accessibility, accuracy, and timeliness in blood transfusion services, ultimately saving
lives and promoting public health and awareness.

The objectives of this project report include:

1. Analyzing the current challenges and shortcomings of manual blood bank management methods.
2. Designing a user-friendly and efficient Blood Bank Management System using PHP/MySQL.
3. Implementing key features such as donor registration, blood inventory management, donation tracking, and
communication functionalities.
4. Evaluating the system's performance and effectiveness in addressing the identified challenges.
5. Assessing the impact of the proposed system on improving blood bank operations, enhancing patient care,
and raising awareness about blood donation and transfusion.
6. Providing recommendations for further enhancements and future research in the field of blood bank
management and healthcare technology.

3.2 Introduction
3.2.1 Overview
The Blood Bank Management System is a simple PHP/MySQLi project that manages blood
inventory in a certain blood bank. The system only allows the blood bank's management to
access the data because the system focuses only on the data management or the inventory of
the blood availability in a certain blood bank. This system stores the list of donors, blood
donations, requests and handed over requested blood. The blood donations list in this system
will serve as the receiving or the process where we can update the volume availability of blood
in each blood group. The requested feature in this system will serve as the record of requested
blood for a certain patient, which is requesting for specific blood with a specific volume data
15
will be submitted ord inputted in this process. The handed over list are the records of handed
over blood request, which means in this process updates the available volume of each blood
group.

3.3 Block Diagram

Fig.3.1 Schema of Basic System

3.3.1 Project Flow

● Login Page: The page where the system users will submit their system credentials to access the system
data.
● Home Page: The page where the system users will be redirected after logging into the blood bank
management system. This page displays the available volume of each blood group and also displays
the system data summary.
● Donors Page: The page where all donors are listed and managed.
● Blood Donations Page: The page where the donated blood is listed and managed. The system feature
that updating the available volume of the blood stocks.
● Requests Page: he page where all blood requests are listed and managed.
● Handed Over Page : The page where all given blood or handed over blood requests are listed and
managed.
● Users Page: The page where can system admin user manages the list the system users.

16
Chapter - 4
Task Performed

1. Install XAMPP Software: Install XAMPP software, a web server solution containing Apache, MySQL,
PHP, and Perl components, to create a local development environment.

Fig 4.1: XAMPP software

2. Download and Extract Source Code: Download the source code for the Blood Bank Management
System and extract the zip file to a desired location on your system.

3. Set Up Local Web Server: Download or set up any local web server that can run PHP scripts, such as
Apache or Nginx, to host the Blood Bank Management System.

4. Database Configuration: Open the web-server database management tool and create a new database
named "bloodbank_db" to store the system data.

17
 Fig 4.2: Back end output

5. Import SQL File: Import the provided SQL file located in the database folder of the source code into
the newly created "bloodbank_db" database. This will create the necessary tables and populate them
with initial data.

6. Copy Source Code: Copy the extracted source code files to the appropriate directory where your local
web server can access them. For example, for XAMPP users, this directory is typically located at
'C:\xampp\htdocs'.

7. Accessing the Project: Open a web browser and navigate to the project's URL. For example, to access
the client-side interface, browse to [http://localhost/bloodbank], and for the admin/staff side, navigate
to [http://localhost/admin].

8. Default Admin Access: Log in to the admin/staff side using the default credentials:
a. Username: admin
b. Password: admin123

18
 Fig 4.3: login page

Figure 4.4 : output window

By following these steps, users can successfully set up and access the Blood Bank Management System on
their local development environment for testing and evaluation purposes.

19
Chapter – 5
Learning Outcome

The professional internship is intended to provide a learning opportunity for students to build the knowledge
and skills, which they are working, successfully reflect on the quality of the contribution they have made to
the organization My internship at Dotch Endeavours Private Limited provided a valuable opportunity to bridge
the gap between theoretical knowledge and practical application. Over the course of four weeks, I gained
hands-on experience in various aspects of the company's operations. I participated in comprehensive training
programs on Full stack and web development, HTML and CCS concepts. This training equipped me with the
technical skills necessary to pursue a career in this field. The internship fostered the development of essential
work habits and professional attitudes crucial for success in any job. This included time management, effective
communication, and a commitment to high-quality work. I gained valuable insights into the company's inner
workings and the broader industry landscape. This experience helped me explore potential career paths within
the field. Overall, the internship provided a well-rounded learning experience that has significantly enhanced
my knowledge, skills, and preparedness.

20
Chapter – 6
Conclusion

On the whole, this internship was a useful experience. I have gained new knowledge, skills and met many new
people. We achieved several of our learning goals. I have got an idea about professional practices currently
advocated in the society. The internship was also good to find out what our strengths and weaknesses are and
it also helped me how to manage time.Overall internship was a really good program and it helped to enhance
and develop my skills, abilities and knowledge.

21