VISVESVARAYA TECHNOLOGICAL UNIVERSITY

Jnana Sangama, Belagavi – 590 018.

An Internship Report
On

“FULL STACK WEB DEVELOPMENT”

23.08.2022 to 24.09.2022
Project Title: “ Template For Book My
Show Giftcards”
Submitted in partial fulfilment for the award of the degree of
Bachelor of Engineering
In
Electronics and Communication Engineering
Submitted by

PARTHIBAN M 1VI19EC100

DEPARTMENT OF ELECTRONICS AND COMMUNICATION ENGINEERING

VEMANA INSTITUTE OF TECHNOLOGY
BENGALURU – 560034
2022-2023
 OFFER
LETTER Karnataka
Reddy Jana Sangha®
VEMANA INSTITUTE OF TECHNOLOGY
(Affiliated to Visvesvaraya Technological University, Belagavi)
Koramangala, Bengaluru-560034.

DEPARTMENT OF
ELECTRONICS AND COMMUNICATION ENGINEERING

CERTIFICATE
This is to certify that the Internship/Professional Practice work entitled
“FULL STACK WEB DEVELOPMENT” is a bona-fide work carried out by Mr.
PARTHIBAN M (1VI19EC100) during the academic year 2021-22 in partial
fulfilment of the requirement for the award of Bachelor of Engineering in
Electronics and Communication Engineering of the Visvesvaraya
Technological University, Belagavi.
It is certified that all corrections/suggestions indicated for internal assessment have
been incorporated in the report. The internship report has been approved as it
satisfies the academic requirements in respect of the Internship/ Professional
Practice prescribed for the said degree.

Guide Head of the Department Principal

(Prof. Manasa Charitha) (Dr. Chandra Shekar S.M) (Dr. Vijayasimha Reddy B.G)

External Viva

Name of the Examiner Signature with date

1.

2.
ABSTRACT
As per the VTU
norms, a 4 weeks
internship was
carried out starting
from 23rd of August
to 24th of
September from
Varcons
Technologies Pvt Ltd
which provides wide
industrial
application.

This Internship was

based on Full Stack
Web
Development,where
development of both
front-end (client
side) and back-end
(server side) portions
of web application
learnt through the
implementation of
HTML, CSS and
JavaScript for front-
end development,
and SQL ,Python
and Django for
back-end
development.

iii
i
 OFFER
LETTERACKNOWLEDGEMENT
I sincerely thank Visvesvaraya Technology University for providing a
platform to do the internship work.
I express my sincere thanks to Dr. Vijayasimha Reddy B G,
Principal,Vemana Institute of Technology, Bengaluru, for providing necessary
facilities and motivation to carry out internship work successfully.

I express heartfelt gratitude and humble thanks to Dr. Chandra Shekar S M,

HOD, ECE, Vemana Institute of Technology, for his constant encouragement,
inspiration and help to carry out internship work successfully.

I am very thankful to my external guide, Dhanush, Project Manager, at

Compsoft Technologies who has given in-time valuable instructions and put
me in contact with experts in the field, with extensive guidance regarding
practical issues.

iii
ii
 I would like to express my
sincere gratitude towards my internal guide,Prof. Deepika D Pai, Assistant Professor, ECE, Vemana
Institute of Technology, for providing encouragement and inspiration throughout the internship.

I thank internship coordinators Prof. Byra Reddy G R and Prof. Kusuma GS

iii
iii
 for their cooperation and support during the internship work

I am thankful to all the teaching and non-teaching staff members of Electronics & Communication
Engineering department for their help and much needed support throughout the internship.

Adnan Hakeem
1VI18EC081

iv
iii
v
 OFFER LETTERTABLE OF
CONTENTS

Chapter. Title Page

No No.
vi
 Abstract i

Acknowledgement ii

Internship Certificate iii

Table of Contents iv

List of figures v

1. INTRODUCTION 1

1.1 Front End Development 1

1.2 Back End Development 2

1.3 Full stack Web Development 2

ORGANISATION PROFILE 3

PROJECT 5

Resume Maker 5
Tribute to Doctors 8
Tools Used 8
ASSESSMENTS & CONCLUSIONS 12
Implementation 12
Source code: Resume maker 12
4.1.3 Source code: Tribute to Doctors 14
Snapshots 17
Conclusion 22
REFERENCES 23

vii
 LIST OF FIGURES

FIGURE
TITLE PAGE NO.
NO.

4.2.1
Cover Page 19
4.2.2
Details 20
4.2.3.
Services by Doctor 20
4.2.4.
Login page 21
4.2.5.
Register page 21
4.2.6.
Printing page 22
4.2.7.
Filling page 22

viii
Full Stack Web Development

Chapter 1

INTRODUCTION

Web development is the work involved in developing a website for the Internet (World
Wide Web) or an intranet (a private network). Web development can range from
developing a simple single static page of plain text to complex web applications,
electronic businesses, and social network services. A more comprehensive list of tasks to
which Web development commonly refers, may include Web engineering, Web design,
Web content development, client liaison, client-side/server-side scripting, Web server and
network security configuration, and e-commerce development.
Web development may be a collaborative effort between departments rather than the
domain of a designated department. There are three kinds of Web developer
specialization:
 Front-End Developer.
 Back-End Developer.
 Full-Stack Developer.
Front-end developers are responsible for behavior and visuals that run in the user browser,
while back-end developers deal with the servers.

1.1 Front-End Development

Front-end web development is the development of the graphical user interface of a
website, through the use of HTML, CSS, and JavaScript, so that users can view and
interact with that website.
There are several tools and platforms, such as WordPress, Joomla, and Drupal,
available that can be used to develop the front end of a website. However, Hyper Text
Markup Language (HTML) is the backbone of any website development process, without
which a web page does not exist. Cascading Style Sheets (CSS) controls the presentation
aspect of the site. JavaScript is an event-based imperative programming language (as
opposed to HTML's declarative language model) that is used to transform a static HTML
page into a dynamic interface.

Dept. of ECE 1 2021-2022

Full Stack Web Development

1.2 Back-End Development

The key job role of a back-end development is to ensure that the data or services
requested by the front-end system or software are delivered through programmatic means.
Back-end developers also create and maintain the entire back-end of a system, which
consists of the core application logic, databases, data and application integration, API and
other back-end processes. Moreover, a back-end developer performs the testing and
debugging of any back-end application or system.
Back-end focuses on Scripting languages like PHP, Python, Ruby, Perl, Node.js, or
Compiled languages like C#, Java or Go.

1.3 Full Stack Web Development

Full Stack Development is a software profession/stream where a developer deals with
both the Frontend (client-side) and Backend (server-side) of a tech product. A Full Stack
Developer is proficient in several technologies that help in developing a robust tech
product, and thus play a major role in making decisions for the company. It is one of the
high-demand jobs in the software industry.

Full-stack developers develop both the front-end and the server-side of the application,
deploy, debug and maintain their databases and servers. Being a Full Stack Web
Developer, will be helpful as it helps one to make better technical decisions and see the
big picture.

Being a Full Stack Developer needs proficiency in:

HTML, CSS, UI & UX, JavaScript, etc.
Server-side languages such as Java, Python, Node.js, Or Golang, etc.
Frameworks Express, Spring Boot, Django, etc.
Along with an understanding of System Design, Data Structures and Algorithms,
Databases, and version control systems like Git.

Dept. of ECE 2 2021-2022

Full Stack Web Development

Chapter 2

ORGANZATION PROFILE
Compsoft has been around a while since the late 1970s in fact which is a long time for an
IT company the last 40+ years has seen Compsoft adapt, innovate and evolve.

How Compsoft works:

These days developing mobile apps is synonymous with starting a new business venture.
That’s not to say that everyone who needs an app are new businesses, or that all apps sit at
the core of a business, however apps today play an integral part of a business.
As such Compsoft technologies recognize that creating an app is much more that creating
a product –it’s a proposition, a service offering an extension of your business ethos onto a
user’s personal device.
Compsoft’s process ensures that they sit down with clients, the experts listen to what you
want to do and what is your requirement. We often will challenge, suggest and refine – all
the while bringing our expertise and knowledge to bear on the solution. In essence the
company’s process consists of five steps:
 Discover.
 Shape.
 Build.
 Release.
 Evolve.

Services Provided
Compsoft creative is the UK’s leading designer and developer of mobile and tablet apps.
The UK based development team has developed over 200 apps for ios, android and
windows many of them award winning. The Compsoft creative team has decades of
experience developing applications that integrate with corporate back office systems and
specialized in mobile apps since 2008.
Compsost provides services in the field of:

Dept. of ECE 3 2021-2022

Full Stack Web Development
 IOT.
 App Development.
 Designing.
 Research and Development.

Awards
Recognition from the industry and awarding bodies is testament to our design and
development expertise. They have been recently nominated as a Finalist for the UK App
Awards 2020 'IoT App of the Year. They have previously won awards from the Appsters,
Mobile Marking Awards, and App Design Awards.

Dept. of ECE 4 2021-2022

Full Stack Web Development

Chapter 3

PROJECT: RESUME MAKER

3.1 Importance of a Resume

The resume acts as a bridge between you and the prospective recruiter. Hence the
importance of a resume can never be underestimated. So, to make the first impression, it
is imperative that your resume stands out from the crowd first. Since companies do not
have that much amount of time to interview each and every candidate, they require
resumes from candidate to select the best ones to work with them.

Rejection happens, and it goes on and on until they find something interesting in one
particular resume. This is the time when a well-structured, clean and precise resume plays
its part.

Resume reaches the recruiter’s table much before than you do: Generally, every company
asks for your resume first, they go through the work that you have done so far and if it
matches their requirement, it is so adequate. Hence it is very much important to have a
structured and concise resume to make the first impression work for you.

 Resume tells about you: A resume speaks a great deal about you as a
professional. It says what you have done in the past. What are you doing currently
and where exactly you are heading towards?
 To convince the recruiter: Since the resume reach the recruiter before the
candidate, a well written resume could convince the recruiter about you being the
most eligible candidate.
 To sell your skills: Through a well-written resume, you can sell the skills which
you have accumulated over these years. You can let the recruiter know what all
skills that you have acquired through different jobs and how you are going to
utilize them for the betterment of the prospective organization.
 To grab an interview: A good resume could help one grasp a good opportunity.

Dept. of ECE 5 2021-2022

Full Stack Web Development
 To Brand Yourself: It is very essential to create your own brand in this
professional world and this journey starts right after your college and studies.
When you enter a professional world to work, it is essential that from the very first
day you have to set things right. To showcase your knowledge, your skills,
experience, expertise, and accomplishments, it is necessary to have a perfectly
written resume which can portray you as a good professional or a budding
professional who is ready to face this challenging world.
 Quick but lasting first impression: You must have heard of the saying that the
first impression is the last impression. It goes well with the resume as well. In the
bulk of the resumes, if one resume stands out and it gives a feeling that yes, this is
the one, then working hard on your resume is worth it. The resume should be kept
simple, easy to read and easy to understand.
 Summarize your career aspiration: A good resume recapitulates your career so
well that recruiters do not need to put in the hard effort just to scan and go through
your resume in details to understand your profile. So, make sure that the summary
section of your resume is robust enough to give a good glimpse of your whole
career in short. For those who have no work experience so far and applying as a
fresher, it is suggested that they talk about their projects, internships, industrial
visits, trainings and additional value-added course in the summary section, so that
even if a recruiter chooses not to go through the entire detailed resume, at least the
summary section will be good enough for him to understand and gauge your worth
as a candidate

3.2 Components of a Resume:

The information included in the CV may vary from one applicant to another, since some
applicants may choose to include only the information that is relevant to the job they are
applying for. The following are the typical components of a resume:

1. Personal information:

At the top of the resume, your full name and contact information such as phone number,
email address, registered mail address is written. Below the contact information, include
information that describes the person. Typical personal information may include gender,
date of birth, government-issued identification number, marital status, and nationality.
The

Dept. of ECE 6 2021-2022

Full Stack Web Development
Personal details can be included if they are relevant to the job you are applying for, or if
your employer previously requested that information.

2. Education:

Education information includes a list of the education programs one has pursued and the
years and name of the institution attended. Ideally, the information should include college,
graduate school, and post-graduate schools attended, the courses pursued, and the year of
graduation from the program. Some employers may also require to indicate the
grades/awards you obtained at various education levels. Employers use the education
information to determine if the professional qualifications match the job requirements of
the position one is applying for.

3. Work experience:

The work experience section requires one to list out their recent work experience that is
relevant to the position being applied. For each position previously held, the name of the
employer (company), your specific roles, and the duration of the employment must be
indicated. Also, a summary of the duties you performed at each company and any
accomplishments/awards given by the employer must be included. List the relevant work
experience starting from the most recent positions you held.

4. Honors and awards:

Any awards either at the academic level or during the previous employment, should be
listed. The awards may include dean awards, honorary degrees, presidential awards,
professional certifications or awards, or awards given by an employer for excellence.

5. Skills:

The skills including language skills, computer skills, driving skills, advanced software
skills, etc. They should be mentioned here and should be relevant to the job applied for.

6. Publications and presentations:

If you’ve published academic or conference papers published must be listed here. It

should include papers that have been solely written, or those co-authored with other
people, as well as those one has contributed to. The name of the papers, year of
publication, and namesof co- authors should be indicated.

Dept. of ECE 7 2021-2022

Full Stack Web Development

3.3 TRIBUTE TO DOCTORS:

As of April 11, 2020, approximately 1,741,621 cases of COVID - 19 have been confirmed
in over 210 countries and territories resulting in around 106,670 deaths. Clearly, the
corona virus outbreak situation cannot be taken lightly. Global pandemic of COVID 19,
its ophthalmic implications, and precautions are nicely summarized in recently published
editorial.

Needless to say, doctors, nurses and people working in health-care sectors are
particularly vulnerable to highly infectious diseases. In response to the global
pandemic,the under-resourced doctors are facing unprecedented challenges. The list of the
sleep- deprived heroes includes doctors, nurses, medical cleaners, pathologists,
paramedics, ambulance drivers, and health-care administrators.

In the fight against coronavirus, the brave medical army stands strong with
thermometers, stethoscopes, and ventilators as their weapons. Not to forget, medical
researchers are working day in and night out against all odds, hoping to find the antidote
to the disease. Since the coronavirus outbreak, health-care professionals have not only
experienced the gratification of healing patients and saving their lives but have also lost
many battles along the way. On top of that, many doctors have even sacrificed their own
lives in the line of duty. Every day, the selfless warriors are giving it their all in health-
care settings while cutting themselves off from their families and loved ones. Their
sacrifice has been immense.

3.4 Tools Used

Software Requirements

• Visual Studio Code 2019.

• Google Chrome or Microsoft Edge of latest version.
• Front End: HTML, CSS, JS (optional).
• Linux 7.1 or Windows XP/7/8/10OS or Mac OS.
• Node.js, MongoDB.

Dept. of ECE 8 2021-2022

Full Stack Web Development
Hardware Requirements

• Pentium 200-MHz computer with a minimum of 64 MB of RAM (128 MB of

RAM recommended).
• Monitor with a refresh rate of at least 40Hz for a smooth GUI experience (optional).

HTML

The Hyper Text 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 Cascading Style Sheets (CSS) and scripting languages such as JavaScript.

Web browsers receive HTML documents from a web server or from local storage and
render the documents into multimedia web pages. HTML describes the structure of a web
page semantically and originally included cues for the appearance of the document.

HTML elements are the building blocks of HTML pages. With HTML constructs, images
and other objects such as interactive forms may be embedded into the rendered page.
HTML provides a means to create structured documents by denoting structural semantics
for text such as headings, paragraphs, lists, links, quotes and other items. HTML elements
are delineated by tags, written using angle brackets. Tags such as <img /> and <input />
directly introduce content into the page. Other tags such as <p> surround and provide
information about document text and may include other tags as sub-elements. Browsers
do not display the HTML tags but use them to interpret the content of the page.

CSS

Cascading Style Sheets (CSS) is a style sheet language 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 JavaScript.

CSS is designed to enable the separation of presentation and content, including layout,
colors, and fonts. This separation can improve content accessibility; provide more
flexibility and control in the specification of presentation characteristics; enable multiple
web pages to share formatting by specifying the relevant CSS in a separate .css file, which
reduces complexity and repetition in the structural content; and enable the .css file to be

Dept. of ECE 9 2021-2022

Full Stack Web Development
cached to improve the page load speed between the pages that share the file and its
formatting.

Separation of formatting and content also makes it feasible to present the same markup
page in different styles for different rendering methods, such as on-screen, in print, by
voice (via speech-based browser or screen reader), and on Braille-based tactile devices.
CSS also has rules for alternate formatting if the content is accessed on a mobile device.

The name cascading comes from the specified priority scheme to determine which style
rule applies if more than one rule matches a particular element. This cascading priority
scheme is predictable.

The CSS specifications are maintained by the World Wide Web Consortium (W3C).
Internet media type (MIME type) text/css is registered for use with CSS by RFC 2318
(March 1998). The W3C operates a free CSS validation service for CSS documents.

Javascript

JavaScript often abbreviated JS, is a programming language that is one of the core
technologies of the World Wide Web, alongside HTML and CSS. Over 97% of websites
use JavaScript on the client side for web page behavior, often incorporating third-party
libraries. All major web browsers have a dedicated JavaScript engine to execute the code
on users' devices.

JavaScript is a high-level, often just-in-time compiled language that conforms to the

ECMAScript standard. It has dynamic typing, prototype-based object-orientation, and
first- class functions. It is multi-paradigm, supporting event-driven, functional, and
imperative programming styles. It has application programming interfaces (APIs) for
working with text, dates, regular expressions, standard data structures, and the Document
Object Model (DOM).

The ECMAScript standard does not include any input/output (I/O), such as networking,
storage, or graphics facilities. In practice, the web browser or other runtime system
provides JavaScript APIs for I/O.

JavaScript engines were originally used only in web browsers, but are now core
components of some servers and a variety of applications. The most popular runtime
system for this usage is Node.js.

Dept. of ECE 10 2021-2022

Full Stack Web Development
Although Java and JavaScript are similar in name, syntax, and respective standard libraries,
the two languages are distinct and differ greatly in design.

Node.js

Node.js is an open-source, cross-platform, back-end JavaScript runtime environment that

runs on the V8 engine and executes JavaScript code outside a web browser. Node.js lets
developers use JavaScript to write command line tools and for server-side scripting—
running scripts server-side to produce dynamic web page content before the page is sent
to the user's web browser. Consequently, Node.js represents a "JavaScript everywhere"
paradigm, unifying web-application development around a single programming language,
rather than different languages for server-side and client-side scripts.

Node.js has an event-driven architecture capable of asynchronous I/O. These

designchoices aim to optimize throughput and scalability in web applications with many
input/output operations, as well as for real-time Web applications (e.g., real-time
communication programs and browser games).

The Node.js distributed development project was previously governed by the Node.js
Foundation, and has now merged with the JS Foundation to form the Open JS Foundation,
which is facilitated by the Linux Foundation's Collaborative Projects program.

MongoDB

MongoDB is a source-available cross-platform document-oriented database program.

Classified as a NoSQL database program, MongoDB uses JSON-like documents with
optional schemas. MongoDB is developed by MongoDB Inc. and licensed under the
Server Side Public License (SSPL).

MongoDB provides high availability with replica sets. A replica set consists of two or
more copies of the data. Each replica-set member may act in the role of primary or
secondary replica at any time. All writes and reads are done on the primary replica by
default. Secondary replicas maintain a copy of the data of the primary using built-in
replication. When a primary replica fails, the replica set automatically conducts an
election process to determine which secondary should become the primary. Secondaries
can optionally serve read operations, but that data is only eventually consistent by default.

Dept. of ECE 11 2021-2022

Full Stack Web Development
If the replicated MongoDB deployment only has a single secondary member, a separate
daemon called an arbiter must be added to the set. It has a single responsibility, which is
to resolve the election of the new primary. As a consequence, an idealized distributed
MongoDB deployment requires at least three separate servers, even in the case of just one
primary and one secondary.

Dept. of ECE 12 2021-2022

Full Stack Web Development

Chapter 4

ASSESSMENTS & CONCLUSION

4.1 Implementation code

4.1.1 Source code: Resume Maker HTML
<!DOCTYPEhtml>

<htmllang="en">

<head>

<metacharset="UTF-8">

<metahttp-equiv="X-UA-Compatible"content="IE=edge">

<metaname="viewport"content="width=device-width, initial-scale=1.0">

<title>Document</title>

<linkrel="preconnect"href="https://fonts.googleapis.com">

<linkrel="preconnect"href="https://fonts.gstatic.com"crossorigin>

<linkhref="https://fonts.googleapis.com/css2?family=Montserrat&display=swap"rel="sty
le

sheet">

<linkhref="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css"rel

="stylesheet"

integrity="sha384-

F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU
"crossorigin="anonymou

s">

<linkrel="stylesheet"href="style.css">

Dept. of ECE 13 2021-2022

Full Stack Web Development
<scriptsrc="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.

js"

integrity="sha384-
/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ"

crossorigin="anonymous"></script>

<scriptsrc="script.js"></script>

</head>

<body>

<divclass="container"id="cv-form">

<h1class="text-center my-2">Resume Generator</h1>

<divclass="row">

<divclass="col-md-6">

<h5>Personel Information</h5>

<divclass="form-group">

<labelfor="namefield">Your Name</label>

<inputtype="text"id="namefield"placeholder="Enter here"class="form-control">

4.1.2 Source code: Resume Maker CSS and JS

*{

margin: 0%;

padding:0%;

box-sizing: border-box;

font-family: 'Montserrat', sans-serif;

#cv-template{

Dept. of ECE 14 2021-2022

Full Stack Web Development
display: none;

.myimg{

border-radius: 50%;

width: 200px;

functionaddNewWEField() {

letnewNode = document.createElement('textarea')

newNode.classList.add('form-control');

newNode.classList.add('wefield');

newNode.classList.add("mt-2")

newNode.setAttribute("rows", 3);

newNode.setAttribute('placeholder', 'Enter here')

letweOb = document.getElementById("we")

letweAddButtonOb = document.getElementById("weAddButton")

weOb.insertBefore(newNode, weAddButtonOb);

4.1.3 Source code: Tribute to doctors HTML

<html>

Source Code (P1.HTML):

<head>

Dept. of ECE 15 2021-2022

Full Stack Web Development
<title>Tribute to Doctors</title>

<link rel="stylesheet" href="style.css">

<link rel="preconnect" href="https://fonts.googleapis.com">

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

<link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap"
rel="stylesheet">

</head>

<body>

<div class="wrapper">

<div class="logo">

<img src="https://image.flaticon.com/icons/png/512/620/620399.png">

</div>

<ul class="nav">

<li><a href="#">Home</a></li>

<li><a href="Gallery.html">Gallery</a></li>

<li><a href="About.html">About</a></li>

<li><a href="Contact us.html">Contact us</a></li>

</ul>

<div class="heading">

<h1>Tribute to Doctors</h1>

<h2>A Tribute To Corona Warriors-Doctors Who Sacrificed Their

Life<br> While Saving Patients During The Ongoing COVID-19 pandemic</h2>

Dept. of ECE 16 2021-2022

Full Stack Web Development
</div>

</div>

<div class="info">

<h3>Doctors , Health-Care Workers And Fight Against Covid 19</h3>

<p class="para1">

The 2019–2020 coronavirus pandemic is upending life on a global level as we

know it.

The highly infectious coronavirus disease 2019 (COVID - 19) is caused by severe

acute respiratory

syndrome coronavirus 2 (SARS - CoV - 2).

4.1.4 Source code: Tribute to doctors CSS

*{

margin: 0%;

padding: 0%;

font-family: 'Montserrat', sans-serif;

.wrapper{ width: flex; height: 90vh;

background-image: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),
url(https://hips.hearstapps.com/hmg-prod.s3.amazonaws.com/images/types-of-doctors-

1600114658.jpg);

background-position: center; background-size:cover;

.nav{

Dept. of ECE 17 2021-2022

Full Stack Web Development
float: right;

list-style: none; margin-top: 20px; padding-right: 10px;

.nav li{

display: inline-block;

.nav li a{ color:#fff;

text-decoration: none; padding: 5px 20px; font-size: 14px;

.nav li a:hover{ background: #fff; color: black;

.logo img{ width: 100px; float: left;

padding-left: 5%;

padding-top: 2%; filter: invert(1);

.heading{ positio

n: absolute

margin: 14% 30%; text-align: center;

Dept. of ECE 18 2021-2022

Full Stack Web Development

4.2 Snapshots

4.2.1 Cover Page

Dept. of ECE 19 2021-2022

Full Stack Web Development

4.2.2 Details

4.2.3 Services by Doctor

Dept. of ECE 20 2021-2022

Full Stack Web Development

4.2.4 Login page

4.2.5 Register Page

Dept. of ECE 21 2021-2022

Full Stack Web Development

4.2.6 Print Page

4.2.7 Filling page

Dept. of ECE 22 2021-2022

Full Stack Web Development

CONCLUSION
In today's Web development, a good page 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.

Overall Internship was a really good and recommended program. It helped us to develop
skills in full stack web development, as we got to learn both front and back end web
development.

Dept. of ECE 23 2021-2022

Full Stack Web Development

REFERENCES
[1] David Flanogan, JavaScript: The Definitive Guide, Seventh Edition, O’REILLY,
2020.
[2] B.W. Boehm, “Transitioning to the CMMI via MBASE,” SoCal SPIN Meeting
Presentation, Dept. Computer Science, Univ. Southern California, Los Angeles,
2000.
[3] E. Brown, Web Development with Node and Express, O’Reilly Media, 2014
[4] A. Fox and D. Patterson, Engineering Software as a Service: An Agile Approach
Using Cloud Computing, Strawberry Canyon LLC, 2nd Edition, 2013.
[5] R.W. Boyatzis, Transforming qualitative information: Thematic analysis and code
development, Thousand Oaks, London, & New Delhi,, SAGE Publications, 1998.
[6] E. Freeman, B. Bates, K. Sierra, and E. Robson, Head First Design Patterns,
O’Reilly Media, 2004.
[7] A. Fox and D. Patterson, Engineering Software as a Service: An Agile Approach
Using Cloud Computing, Strawberry Canyon LLC, 2nd Edition, 2013.

Dept. of ECE 24 2021-2022