AN INDUSTRIAL TRAINING

REPORT
ON
Web Development
Submitted in partial fulfillment
For the award of the degree of
Bachelor of Technology
In
Information Technology
(Engineering College, Ajmer)

SESSION (2019-2023)

SUBMITTED TO: SUBMITTED BY:

Dr.Neetu Sharma Abhas Mukherjee

(19EEAIT003)

DEPARTMENT OF Computer Science & Information Technology

ENGINEERING COLLEGE, AJMER

1
 ACKNOWLEDGMENT

First of all, I am indebted to GOD ALMIGHTY for allowing me to excel

in my efforts to complete this report on time.

I would like to thank CADD for giving me the opportunity to learn & would
thank them for their guidance and support throughout my training.

This is an opportunity to express my heartfelt words to the people who were part
of this seminar in numerous ways, people who gave me unending support right
from the beginning of the seminar.

I want to sincerely thank Principal Dr. Rekha Mehra for her valuable support.

I express my deep sense of gratitude to Dr. Neetu Sharma for her continuous
cooperation and encouragement.

I will fail in duty if I do not acknowledge with gratitude to the authors of

the References and other Literature referred to in this Seminar. Last but not
the least, I am very much thankful to my parents who guided me in every
step which I took

Abhas Mukherjee

19EEAIT003

2
 TABLE OF CONTENT

. Ch TITLE PAGE
No. No.

ACKNOWLEDGMENT I
TABLE OF CONTENTS ii
iv
CERTIFICATE
v
ABSTRACT
1. INTRODUCTION 7
1.1 Introduction
1.2 Motivation
1.3 Internships Objective
1.4 Introduction to the Company
1.5 Business Background
1.6 Vision
1.7 Mission
1.8 Report Layout
2. Organization 10
2.1 Company Introduction
2.2 List of Product’s
2.2.1 Related Product I Work on
2.3 Market Situation
2.4 Target Group
2.5 SWOT Analysis
3. Tasks, Projects, and Activities 14
3.1 Daily Task And Activities
3.1.1 Web Development
3.1.2 HTML
3.1.3 CSS
3.1.4 Bootstrap
3.1.5 Tailwind

3
 3.1.6 Java Script
3.1.7 React
3.1.8 Database
3.1.9 Firebase Authentication
3.1.10 Typescript
3.1.11 Sass
3.1.12 React JS
3.1.13 Node JS
3.1.14 Express JS
3.1.15 Mongo DB
3.1.16 Heroku
3.2 Events and Activities
3.3 Project Task and Activities
3.3.1 Important Requirements
3.3.2 Homepage Activity
3.3.3 Facilities of the website
3.3.4 Log in page
3.3.5 Packages of the website
3.3.6 Newsletter of the website
3.3.7 The booking system of Let’s Travel
3.3.8 Dashboard of the users
3.4 Challenges
4. DATA SECURITY CONSIDERATION 37
4.1 Discussion and Conclusion
4.2 Scope for Further Career

4
 LIST OF FIGURES

Page Number
Figures
Figure: 1.0 SWOT Analysis 6
Figure: 3.3.1.0 Visual Studio Code 17
Figure: 3.3.1.1 No.1 code editor according to developers’ survey 18
Figure: 3.3.2.1 Home page activity 20
Figure: 3.3.3.1 Facilities of the website 20
Figure: 3.3.4.1 Log in page 21
Figure: 3.3.5.1 Packages of the website 22
Figure: 3.3.6.1 Newsletter of the website 22
Figure: 3.3.6.2 Latest news of the website 23
Figure: 3.3.7.1 Booking system of the website 24
Figure: 3.3.8.1 Dashboard of the users 25
Figure: 4.1 Programming Hero Logo 28

5
CERTIFICATE

6
 CHAPTER 1

Introduction

The internship provides hands-on work experience and an introduction to web

development for designing and developing any kind of professional website using
HTML CSS, JavaScript, and their Frameworks. This internship will involve
stimulating opportunities, and real projects to understand web development with a
professional touch. This internship offers the prospect to understand and experience
the Web Development of Programming Hero.

1.2. Motivation:

I working internship program to build up my career as a Full Stack Web Developer.

That can better help to develop any kind of professional website for any company. Web
development will open lots of opportunities for me, but that is just starting. To know
more about web development and get a better job to build my career as a web developer
I need to learn more.

1.3 Internships Objective:

Believing the importance of Web Application Development as a medium of

communication Web development team was motivated to understand the principles of
creating a Website Application. To build strength, team-motivated teamwork speed,
7
and self-confidence. The internship will increase my sense and responsibility and good
work habits. I can use my technical and management skills to achieve my goals and
improve my performance. I would like to apply my new ideas; skills and skills to carry
out an internship to enhance my career in the field of Website development.

Journey Begins with Programming Hero Limited Began its journey as a Web
Development Company. Programming Hero first came into being in the year.

In their web development (HTML, CSS, & JavaScript) code playground, anyone can
build any project using HTML, CSS, JavaScript (Vue.js), and Bootstrap. After
finishing, they will be able to publish the app using GitHub and share the live site with
anyone. They’ve got a code playground to practice Python & Java, so learners can keep
practicing and improving.

1.5 Business Background:

CADD Limited was established as a proper internship concern of Mr. Manish. Now,
CADD mainly offer services for developing business application software, database
management, web-based applications, useful & user- friendly mobile apps, IT facilities
management, IT communication and network solution, IT audit and project
management, etc.

1.6 Vision:

Our task is to improve the business growth of our customers with creative layout and
improvement to deliver marketplace-defining top-notch solutions that create fee and
dependable competitive benefits for our customers around the sector.
8
1.7 Mission:

Our imagination and prescience are to broaden regularly and develop as a major IT
service provider to grow to a leading performer, supplying exceptional internet and
web application program improvement answers inside the aggressive global
marketplace. Our professional, bendy, and incorporated procedure displays what we
do. We constantly guide

our customers to success. we can accelerate and quickly proportion the superb work
or merchandise of your agency or enterprise.

1.8 Report Layout:

The student then has an opportunity to illustrate maturity as a technical creator through
providing, studying, and evaluating his or her very own work on the process. I
explained the objective of the internship, the motivation for the internship, and the
arrival of the employer. I explained how my internship works and this opportunity
provides details about where the internship was placed to accommodate the program.

An internship student gets a college loan; The fixed credit points are determined by the
technical writing department, requiring the existence of a website administrator check
document as the basis for that limited credit.

9
 CHAPTER 2
Organization

2.1 Company Introduction:

CADD since its inception in 1988, has endowed the people, communities, groups, and
the nation to apply technology and contributed notably to the improvement of the ICT
sector. CADD Limited develop many Websites to digitalize our country and make
people’s life easy.

2.2 List of Products:

 Web-based Application:
 Bank E-payment System. (BPDB)
 Store Management System. (IVVR)
 IDC Software
 School Management System.
 Internet Management System.

E-commerce Website:

 www.caddcentre.com

2.2.1 Related Product I Work on:

10
Product Name: Let’s Travel

Description: These website users can find their tour packages, hotels for staying, and
travel details for a tour.

2.3 Market Situations:

CADD Limited's core business was Web development. They develop any kindof
Website for any kind of company, or organization. The different areas of include the
Website including standardized Customers can do it. They can develop many other
websites in the marketplace because our website is better than other company websites.

2.4 Target Group:

 Target is the primary reality in any enterprise. Honesty is a the first-class thing for
acorporation so you want to provide first-class services to any customers and any
company.
 We can do target fill-up support and manipulate employees effectively to attain
sustainable results in our agency.

11
  We want to succeed in our journey to the high scenario are seeking to
multiply/increase what they have - wealth, competencies, have an impact on, and
their purchaser’s enterprise.
 There are many business targets our company flows this area Education
Hospitals, Clinic, Cement Industry, Leather Industry, Garments Industry, Real
Estate Companies
 Our company tries to growing up the main target of the upper level of our
country.

2.5 SWOT Analysis:

Figure: 1.0 SWOT Analysis

Strengths:

Strengths define what a company does best and what sets it apart from the competition:
solid type, loyal customer base, strong record, unique technology, and more. For example,
a hedge fund may have developed a proprietorship trading policy that returns results that
hit the market. It must then determine how to use those results to attract new investors.

12
Weaknesses:

Weaknesses prevent a company from operating at its highest level. There are a few areas
where a business needs to improve in order to stay competitive: a weaker type, a higher-
than-average income, higher credit levels, an inadequate supply chain, or a lack of financial
backing.

Opportunities:

Opportunities seek guidance on prosperous external factors that may give the company a
competitive vantage. For example, if a company lowers its price, a carmaker can send his
cars to a brand-new market, increase sales and market share.

Threats:

Threats are related to things that could harm the company. For example, a drought can be
a threat to a wheat company, as it may damage or reduce yields. Other common threats
include things like rising construction costs, growing contest, tight staff availability, and
more.

13
 CHAPTER 3
Tasks, Projects, and Activities
3.1 Daily Task and Activities:

My daily task and activities under the internship program are the following:

 I work with Visual Studio Code (VS Code) Software.

 I complete my course module regularly
 If I face any kind of problem, then I join online support to solve the problem
immediately.
 I want to provide professional web solutions to any company.

3.1.1 Web Development:

Web development is the process involved in building an Internet site (World Wide Web) or
an intranet (a private network). Web development can range from the development of one
simple stand-alone text sheet to more complex web applications, business entities, and social
networking services. A wide range of activities that are commonly referred to as Web
development, can include Web engineering, Web design, Web content development,
customer communication, client-side/server-side writing, web server and network security
configuration, and e-commerce development.
Among Web experts, "web development" usually refers to the main design features of Web
sites: marking and coding. Web development may use content management systems (CMS)
to make content changes easier and more accessible with basic technical skills.
In large organizations and businesses, Web development teams can contain hundreds of
people (web developers) and follow common practices such as Agile methods while building
websites. Small organizations may require only one permanent or contractor engineer, or a
second division in related careers such as a graphic designer or information systems
specialist. Web development can be a collaborative effort between departments instead of a
dedicated department domain. There are three types of Web developer technologies: an end-
to-end developer, a background developer, and a stack-filled
engineer. The front engineers are responsible for the behavior and visuals that run on the
user’s browser, while the developers are working with servers
Web development refers to the creating, building, and maintaining of websites. It includes
aspects such as web design, web publishing, web programming, and database management. It
is the creation of an application that works over the internet i.e. websites.
The word Web Development is made up of two words, that is:
14
  Web: It refers to websites, web pages or anything that works over the internet.
 Development: It refers to building the application from scratch.

3.1.2 HTML:

HTML stands for HyperText Markup Language. It is used to design web pages using the
markup language. HTML is the combination of Hypertext and Markup language. Hypertext
defines the link between the web pages and markup language defines the text document
within the tag that define the structure of web pages.

Web pages are written in HTML - simple writing language. HTML is a short language for
Hypertext Markup.
Hypertext is simply a piece of text that acts as a link.
Markup Language is a way of writing structural details within texts.

An HTML document is a blank text file that contains text and nothing else.

When the browser opens an HTML file, the browser will look at the HTML code in the text
and use it to edit the layout, insert images, or create links to other pages.

Since HTML documents are just text files, they can be written even in a simple text editor.

 <DOCTYPE! html> –
 A doctype or document type declaration is an instruction that tells the web browser
about the markup language in which the current page is written. It is not an element or
tag. The doctype declaration is not case-sensitive.
 <html> –
 This tag is used to define the root element of HTML document. This tag tells the
browser that it is an HTML document. It is the second outer container element that
contains all other elements within it.
 <head>
 – This tag is used to define the head portion of the HTML document that contains
information related to the document. Elements within the head tag are not visible on
the front-end of a webpage.
 <body> –
 The body tag is used to enclose all the visible content of a webpage. In other words,
the body content is what the browser will show on the front end.

15
3.1.3 CSS:

CSS (Cascading Style Sheets)is used to apply styles to web pages. Cascading Style Sheets
are fondly referred to as CSS. It is used to make web pages presentable. The reason for using
this is to simplify the process of making web pages presentable. It allows you to apply styles
on web pages. More importantly, it enables you to do this independently of the HTML that
makes up each web page.

Cascading Style Sheets (CSS) is a style sheet language used to describe the presentation of
text written in marking language such as HTML. CSS is the basic technology of the World
Wide Web, compatible with HTML and JavaScript.
CSS is designed to enable the presentation of presentation and content, including layout,
colors, and fonts. These variations can improve content accessibility, provide more flexibility
and control in the presentation of presentation features, enable more web pages to share
formatting by specifying the appropriate CSS in a separate .css file that reduces complexity
and duplicate content structure and enables. .css file to be cached to improve page load speed
between file-sharing pages and their formatting.

The separation of formatting and content makes it easy to present the same marker page in
different styles in different ways of rendering, such as on-screen, in print, by voice (with a
speech-based browser or screen reader), and in Braille-based. tactile devices. CSS also has
rules for other formats when content is accessed on mobile.
 Inline: Inline CSS contains the CSS property in the body section attached with the
element known as inline CSS.
 Internal or Embedded: The CSS ruleset should be within the HTML file in the head
section i.e the CSS is embedded within the HTML file.
 External: External CSS contains a separate CSS file that contains only style property
with the help of tag attributes.

How CSS is different from HTML?

 HTML is used to define a structure of a web page whereas CSS is used to style the web pages by
using different styling features.
 HTML consists of tags inside which text is enclosed and CSS consists of selectors and declaration
blocks.
 CSS can be internal or external depending upon the requirement.
16
 We cannot use HTML inside a CSS sheet but we can use CSS inside an HTML document.
 CSS has comparatively higher backup and support than HTML

3.1.1 Bootstrap:
Bootstrap is a free and open-source tool collection for creating responsive websites and
web applications. It is the most popular HTML, CSS, and JavaScript framework for
developing responsive, mobile-first websites. Nowadays, the websites are perfect for all
browsers (IE, Firefox, and Chrome) and for all sizes of screens (Desktop, Tablets, Phablets,
and Phones). All thanks to Bootstrap developers – Mark Otto and Jacob Thornton of
Twitter, though it was later declared to be an open-source project.

Bootstrap is a free CSS framework and open source dedicated to responsive, enhanced
mobile web development. Contains CSS- and (optional) JavaScript templates for typing,
forms, buttons, navigation, and other interactive features.
As of August 2021, Bootstrap is the 10th most starred project on GitHub, with over 152,000
stars, after the free Code Camp (over 328,000 stars), Vue.js framework, React library, i -
Tensor Flow, and others.
By using this framework we can easily manipulate the styling of any web page, like font
style, text color, background color, flex, grid system, etc. Bootstrap Vesrion 4 & Vesrion
5 are the most popular versions. There are lots of other CSS frameworks like Tailwind
CSS, Bulma, and Foundation but among them, this framework is the most popular because
of below mentioned features:
 It is Faster and Easier way for Web-Development.
 It creates Platform-independent web-pages.
 It creates Responsive Web-pages.
 It designs responsive web pages for mobile devices too.
 It is a free and open-source framework available on www.getbootstrap.com

3.1.2 Tailwind:
17
 Tailwind CSS describes itself as the first applicable CSS framework. Rather than focusing
on the performance of a style object, Tailwind focuses on how it should be displayed. This
makes it easier for the developer to explore new styles and transform the structure.
3.1.3 Java Script:

JavaScript (JS) is the world’s most popular lightweight, interpreted compiled programming
language. It is also known as a scripting language for web pages. It can be used for Client-
side as well as Server-side developments.

JavaScript (/ ˈdʒɑːvəˌskrɪpt /), commonly abbreviated as JS, is a programming language

compliant with ECMAScript specifications. JavaScript is advanced, usually timely
integration, and multi-paradigm. Contains curly-bracket syntax, flexible typing, prototype-
based object layout, and first level functions.

Next to HTML and CSS, JavaScript is one of the most basic technologies on the World
Wide Web. More than 97% of websites use the client side in web page behavior, often
including third-party libraries. All major web browsers have a JavaScript engine dedicated
to coding on a user's device.

Like most paradigm languages, JavaScript supports specific event, functionality, and
critical editing styles. Contains an in-app interface for text, dates, common expressions,
standard data structures, and a Document Object Mode

The ECMA Script standard does not include any input / output, such as network, cache, or
image services. A web browser or other application provides JavaScript APIs for I/O.
JavaScript engines were originally used only in web browsers, but are now an integral part
of other software programs, especially servers and various applications.

Why JavaScript is used?

JavaScript is the most popular programming language for both client-side and server-side to
make interactive web pages. It is mainly used to develop websites and web-based
applications.

18
  Creating Interactive Websites: JavaScript is used to make the web pages dynamic
and interactive. It means using JavaScript, we can change the web page content and
styles dynamically.

 Building Applications: JavaScript is used to make web and mobile applications. To

build the web and mobile apps, we can use most popular JavaScript frameworks like
– ReactJS, React Native, Node.js etc.

 Web Servers: We can make robust server applications using JavaScript. To be

precise we use JavaScript frameworks like Node.js and Express.js to build these
servers.

 Game Development: JavaSCript can be used to design Browser games. In

JavaScript, lots of game engines available that provide frameworks for building
games.

3.1.4 React:
React is a declarative, efficient, and flexible JavaScript library for building user interfaces.
It’s ‘V’ in MVC. ReactJS is an open-source, component-based front-end library
responsible only for the view layer of the application. It is maintained by Facebook.

React is a free JavaScript source and open source for building user interaction or UI
components. Hosted by Facebook and the community of individual developers and
companies. React can be used as a basis for the development of single-page or mobile
applications. However, React only deals with state managers and assigns that status to
DOM, so creating React applications often requires the use of additional libraries for
routing, as well as other client-side functions.

Reasons to learn React: React is a declarative, efficient, and flexible JavaScript library for
building user interfaces. React.js is an open-source, component-based front-end library
responsible only for the view layer of the application. It is an MVC architecture-based library
that plays the role of “C” which means control.

19
 React uses a declarative paradigm that makes it easier to reason about your application and
aims to be both efficient and flexible. It designs simple views for each state in your
application, and React will efficiently update and render just the right component when
your data changes. The declarative view makes your code more predictable and easier to
debug.

3.1.5 Database:
On a computer, a website is a systematic component of data stored and accessed
electronically into a computer system. If the database is very complex, it is often developed
using formal design techniques and modeling techniques.
The DBMS software integrates with the essential resources provided to manage data. The
total number of websites, DBMS, and related applications can be termed "site plan". Often
the term "database" is also freely used to refer to any DBMS, web application, or
application associated with a website. Computer scientists may classify site management
systems based on the web models they support. Relationship records gained momentum in
the 1980s. These are model data such as rows and columns in a series of tables, and most
use SQL for writing and query data. In the 2000s, an unrelated site became popular, called
NoSQL because it uses languages for a variety of queries.

3.1.6 Firebase Authentication:

Most applications should be aware of the identity of the user. Knowledge of user identity enables the
application to safely store user data in the cloud and provide the same personalexperience to all user
devices. Firebase Verification provides background services, user- friendly SDKs, and custom user
interface libraries to enable users in our application. Supports authentication through passwords,
telephone numbers, embedded identity providers such as Google, Facebook and Twitter, and more.
Firebase authentication integrates seamlessly with other Firebase services, and leverages industry
standards such as OAuth 2.0 and OpenID Connect, making it easy to integrate with our custom final

20
 3.1.1 Typescript:

The typescript is a programming language developed and maintained by Microsoft. This is

a strong superset of the syntax, JavaScript, and adds vertical input options to the language.
The typescript is designed for the development of big applications and is embedded with
JavaScript. Because Typescript is superset JavaScript, existing JavaScript programs are
valid Typescript programs as well. Typescript may be used to improve JavaScript
applications on both client-side and server-side functionality. There are many options
available for trans integration. The default Typescript Checker can be used, or a Babel link
may be needed to translate Typescript in JavaScript. Typescript supports descriptive files
which may contain information about existing JavaScript libraries, such as C title files
which can specify existing file formats. This allows some programs to use the values
specified in the files as if they were numbered by Typescript organizations. There are files
in the external company header in popular libraries such asjQuery, MongoDB, and D3.js.
Typescript themes of Node.js basic modules are also available, which allows for the
development of Node.js programs within Typescript. The Typescript compiler is also
written in Typescript and integrated into JavaScript. The license is governed by the Apache
2.0 license. The typescript is included as a first-class edition language in Microsoft Visual
Studio 2013 Update 2 and later, next to C. The officialextension makes it possible for Visual
Studio 2012 to support Typescript. Anders Hejlsberg, a leading C # developer and creator
of Delphi and Turbo Pascal, has worked to develop Typescript
TypeScript extends JavaScript and improves the developer experience. It enables developers
to add type safety to their projects. Moreover, TypeScript provides various other features,
like interfaces, type aliases, abstract classes, function overloading, tuple, generics, etc.

21
 3.1.1 Sass:
Sass is a pre-processor writing language that is translated or integrated into Cascading Style
Spreadsheets (CSS). Sass Script is the language used in the script. Sass is divided into two
syntaxes. The original syntax, called "bound syntax," uses a syntax similar to Html. It uses
references to separate code blocks from new line characters to separate rulers. The new
syntax, "SCSS" (Sassy CSS), uses the same block format as CSS. It uses parentheses to
show blocks of code and semicolons to separate rules among blocks. Bound syntax and
SCSS files are usually provided with extensions. Sass again. Sc, respectively. CSS3
contains a series of selectors and a pseudonym for the rules of the group in which it
operates. Sass (in the main context of both syntaxes) expands CSS by providing a few
options available for common editing languages, especially object-focused languages, but
not available in CSS3 itself. When Sass Script is translated, it creates blocks of CSS rules
for different selectors as defined within the Sass file. Sass Translator translates Sass Script
into CSS. Alternatively, the Sassas can monitor. Sass or. Secs file and translate it into a
.css file whenever a sass or. Secs file is saved. The associated syntax is a metalanguage. SCSS is a
nested language, because valid CSS is a valid SCSS with the same semantic. SassScript offers
options such as flexibility, nesting, mixing and material selection.

3.1.1 React JS:

React JS is a JavaScript library, often used to develop software that constantly updates data
in its UI. This technology eliminates the need to reload the entire screen and avoid
processing every single line of code. React JS lets you create truly custom JavaScript
sections; a popular writing language used to create interactive apps and visual connectors.
If you use an application that constantly updates its data, then it was probably upgraded
with JavaScript.

22
 The origins of this popular technology have begun on Facebook. They focus on making
React JS available and presenting it globally as a JavaScript library for building user
interfaces (UI). Responsible for this was Jordan Walke, who founded it and named it
“FaxSJ”. Facebook then decided to use it to improve and optimize its mobile app.

React JS is called JavaScript Library as it can be used extensively to create, store and run
JavaScript applications, allowing you to duplicate the same text over and over again by selecting
what you need and adding directly to your JavaScript. code. It can be visualized and interpreted as
a library. This is paradise if your goal is the rapid development of interactive apps and websites

3.1.7 Node JS:

Node.js is an open-source and cross-platform runtime environment built on Chrome’s V8
JavaScript engine for executing JavaScript code outside of a browser. You need to recollect
that NodeJS isn’t a framework, and it’s not a programing language. It provides an event-
driven, non-blocking (asynchronous) I/O and cross-platform runtime environment for
building highly scalable server-side applications using JavaScript.

Node JS is a Java Runtime Environment. Java Runtime Environment (JRE) software is

designed to run other software. JRE usually contains the following three components: Java
Virtual Machine, Java Classloader, and Java Class Library.

ClassLoader is used to load everything needed to run a program. Java Class Library contains
a reusable set (or library) of code that can be used to execute programs, and Java Virtual
Machine allows the computer to run Java-based programs and applications.

Node JS contains all of these features thanks to Chrome V8, which was the engine used to
build it. In short, Node Js is a JavaScript Runtime Environment and is used to create
JavaScript code without a browser.

23
Why to learn NodeJS?
1. Easy Scalability
2. Real time web apps
3. Fast Suite
4. Easy to learn and code
5. Advantage of Caching
6. Data Streaming
7. Hosting
8. Corporate Support

3.1.14 Express JS:

Node.js is a JavaScript workspace used to build server-side applications and tools. Node.js is
fast, portable, and JavaScript-based but does not directly support common tasks such as

requesting files, rendering files, and managing HTTP methods such as GET and POST. This
is where Node.js' rich ecosystem helps us.

Express.js (Express) is a simple web framework that resides on Node.js and adds
functionality such as (middleware, router, etc.) and simplicity to Node.js.

When someone creates a Node.js web application, it writes a single JavaScript program that
listens to requests from the browser, based on the request, the function will return somedata or
an HTML webpage.

24
 3.1.8 Mongo DB:
By way of description, MongoDB is an open-ended website that uses a document-based data
model and informal query language. It is one of the most powerful NoSQL systems and
information systems these days.
MongoDB Atlas is a cloud platform for modern applications available worldwide. This
advanced automation and established processes provide a fully managed MongoDB feed
across AWS, Google Cloud, and Azure.

It also ensures the availability, measurement, compliance, and strict data protection and
privacy requirements. MongoDB Cloud is an integrated data platform that integrates a global
cloud platform, search, data pool, mobile, and application resources.

Being a NoSQL tool means it does not use standard rows and columns which are closely
related to the management of related websites. This structure is built on collections and
inscriptions. This site's database unit contains a set of key pairs. Provides text with multiple
fields and functions. This site uses a document storage format known as BSON that is a
binary form of JSON documents.
The data model followed by MongoDB is highly flexible and allows it to compile and store
data of various types without interfering with powerful identification options, data access,

25
and verification rules. There is no rest period for changing schemes. This means that the
developer can focus more on getting the data to work harder than spending more time
preparing the website data [7].

3.1.9 Heroku:
Heroku is a cloud services platform that has become increasingly popular in recent years.
Heroku is so easy to use that it is an excellent option for many development projects. Witha
special focus on supporting client-centric applications, it enables the development and
usability of applications. Because the Heroku platform controls hardware and servers,
companies that use Heroku can concentrate on implementing their applications. And not the
infrastructure that underpins it. Most of the time, we make sure that users obtain the highest
level of self-knowledge possible [8].

3.2 Events and Activities:

The internship offers a wide range of activities and events. Arranges internship students in
place. Placement and work process with the coordinator. Liaison facilitator and guide
students. The planning process organized large network and event companies. upon
completion of the intern, there will be a promise to join the SCIC. a club where only a
dedicated student can join. after completing special training, they will help me get a job by
sending my CV to many companies to become a web developer.

3.3: Project Task and Activities:

The often intention of this internship is to showcase that better functions in Website App
development ought to improve.

3.3.1 Important Requirements:

Hardware:
Processor: Any Latest Model
Ram: 4GB or Above
26
 Storage: 100GB or Above
Input devices: Mouse, Keyboard
Output Device: Monitor

Software:
Editor: Visual Studio Code
Browser: Google Chrome
Operating System: Windows 10

Network:
Mobile Internet or Broadband Internet Connection.

At first, we need to install VS Code, Node.js, Git bash for developing website application

Figure:3.3.1.0 Visual Studio Code

27
Developers have a lot of ideas when it comes to code editors. Some people use Vim.
Some are fond of Sublime and Atom. However, there is one common denominator that
no one can ignore. This great code editor is known as Visual Studio Code.

Although Visual Studio is popular. Let's take a look at its history, good, bad, alternatives,
and if it is the best code editor for developers.

Until recent years, Microsoft and open source were not considered friends. By 2021,
Microsoft products are widely used if not all developers (including GitHub). However, it
was Visual Studio Code that paved the way for the tech giant reconstruction with its first
release back in April 2015. With five years of bug fixes, feature releases, and a free plugin
ecosystem, its popularity has grown exponentially.

In 2016, Code Visual Studio is ranked 13th among the popular development tools in a
Stack overflow. It did not take long for the small master code editor to reach the # 1 spot
according to the 2019 Engineer Survey, with 50% of the 87,317 respondents using it.

Figure: 3.3.1.1 No.1 code editor according to developers survey

28
But why is it so popular? Outwardly, it looks like a normal code editor. However, there are a few
unique features that give the developer a preference for Visual Studio Code.

Visual Studio Code is free, open-source, and cross-platform. This means it works on
Windows, Linux, and macOS. There is built-in support for almost all editing languages,
including but not limited to HTML, CSS, Typescript, Java, C ++, PHP, Go, SQL,
Objective-C, and Ruby.

Unlike many other code editors, Visual Studio Code has a built-in debugger, which
makes upgrades slow down with 'clicks' and keeps a single view with code and
debugging. This makes the bug tracking process, and code passing much easier and
faster. You do not need to have multiple screens to use different consoles and rearrange
them each time you need to minimize something. It is built on the design and the
workspace you want is set.

In addition to this, there is IntelliSense but a built-in code editor. An intelligent sense is a
type of code guessing. With the addition of an outline, library, and/or language plugin
extensions, you can make the most of this with pre-made boilerplates [10].

Another major thing about the extension marketplace for Visual Studio Code is that it’s
not limited to just code. There is productivity, custom debuggers, code linters, ssh-
terminals, prettifies, and DevOps pipeline connections.

Although the major feature of Visual Studio Code is being a code editor, with the
addition of extensions, it becomes more than just a code editor. With the right settings,
extensions, and configured shortcut keys, it can easily become a full-stack workstation.

29
 3.3.2 Homepage Activity:

Figure: 3.3.2.1 Homepage Activity

This is the home page of the Let’s Travel website. Users can access the tours on this page.
This page also contains packages, other facilities, newsletters, and log in. they also can
create an account if they are new to the website.

3.3.3 Facilities of the website:

Figure: 3.3.3.1 Facilities of the website

30
This is the part of the page where I described the facilities of this website. And users can see
all posts on this page. In this area of the website, there will be lots of information aboutthe
tours that we will offer. They can choose their destination, early book for any tour, theycan
contact with the support team and can search their suitable tour for their vacation.

3.3.4 Log in page:

Figure:3.3.4.1 Log in page

This is the login page of the website. Here users can log into their profile by using email. If
the user is new then he has to create an account with his name, email, phone number, and
death of birth. The user can log into their account to book tours, see the newsletter or latest
packages or limited discounts. They can also manage their already booked tour plan by
logging in to their account.

31
 3.3.5 Packages of the website:

Figure:3.3.5.1 Packages of the website

It’s a part of the home page of the website where people can choose the packages suitable for
them. It offers various types of packages. Users can see the tour time, locations, and thecost
of the total tour in this area. They can also book their tour plan in the calendar from this tab.

3.3.6 Newsletter of the website:

Figure:3.3.6.1 Newsletter of the website

32
 Figure:3.3.6.2 Latest news of the website

Here people can subscribe to the newsletter for the latest news of the tours and packages and
discount for their interesting tours. Here people can click into each new tab and can read the
latest and upcoming new tour packages. Also if there any offer or discount they can know it
from this page. They subscribe to the website using their email. Those who subscribe using
their email will automatically get our new tour packages and discount offers.

33
3.3.7 The booking system of Let’s Travel:

Figure: 3.3.7.1 Booking system of the website

34
This is the tour booking system of the website. Here people can choose their destination
and travel plan for their suitable tour. There will be a full description of the total tour.
The tour duration, age requirement, location, tour schedule, and booking information.
They have to use their name, email, phone number, dates, and the time duration of the
tour.

3.3.7 Dashboard of the users:

Figure:3.3.8.1 Dashboard of the users

This is the dashboard of the website. Here a user can manage his travel orders and even can
cancelor upgrade their tour plan. They can see the planned upcoming tour they have booked
for travel. Ifthey want to make any changes, they can do it from here. From changing date and
time to cancel the booking. In this dashboard, they can make various changes up to their needs

35
3.4 Challenges:

Many other challenges this task of developing this website application. I had no
idea about web application development. Then I collect daily information about
web App Development. Then for the first two months, I just learned the basics of
web applicationdevelopment. In this study period, I am experiencing various
problems and mistakes.
Then every day I learn how to fix the error. For the past two months, I have been
workingas a full-time web developer. When I start building a website I also face
many other problems. Indeed, our company's top web engineer help me solve that
problem and errors. We need to challenge the successful implementation. We have to
deal with it.
These are the most challenging parts of my career training period.

36
 CHAPTER 4

Conclusion and Future Career

Conclusion:-
My internship program lasted for 45+ days With this certificate, I can get a job as
a web developer, server management, and world wide web application developer.
There are numerous chances for me in this space. The working conditions of a web dev
are excellent because I only have to work hours a week. Web development plays a
major role in the IT industry of any country.

Scope of Web Development

There are numerous web developer jobs available in the market for those with the
requisite skills. We discussed the trending technologies earlier –it is essential for
developers to master those technologies: IoT, AI, VR, and AR, in addition to the
latest programming languages, platforms, tools, and so on. If you aspire to be a web
development professional, make sure you learn all these skills.

Which industries are likely to provide you with a career in web development? Almost
every industry uses web development for their business:
 Manufacturing
 Retail
 Entertainment
 Education
 Banking and Insurance
 Advertisement Agencies
 Supply Chain
 Hospitality
 Travel
 Professionals
Even software development, mobile app development, and digital marketing
companies have their websites obviously.

37
38