A Summer Industry Internship – I Report

on
Front End Development For Ecommerce
During
III Year I Semester Summer

Submitted to
The Department of Computer Science and Engineering
In partial fulfillment of the academic requirements of
Jawaharlal Nehru Technological University
For
The award of the degree of

Bachelor of Technology
in
Computer Science and Engineering
By
Name: Anirudh Reddy Palle Roll no 20311A05N9

Name of Internship Coordinator

Designation

Sreenidhi Institute of Science and Technology

Yamnampet, Ghatkesar, R.R. District, Hyderabad - 501301
Affiliated to
Jawaharlal Nehru Technology University
Hyderabad - 500085
Department of Computer Science and Engineering
Sreenidhi Institute of Science and Technology
Department of Computer Science and Engineering
 CERTIFICATE

This is to certify that this Summer Industry Internship – I Report on “Front End
Development for Ecommerce”, submitted by Anirudh Reddy (20311A05N9) in
the year 2022 in partial fulfillment of the academic requirements of Jawaharlal
Nehru Technological University for the award of the degree of Bachelor of
Technology in Computer Science and Engineering, is a bonafide work in industry
internship that has been carried out during II B Tech CSE II Semester Summer,
will be evaluated in III BTech CSE I Semester , under our guidance. This
report has not been submitted to any other institute or university for the award of
any degree.

Dr.K.Sreedhar Dr . Aruna Varanasi

Assistant Professor Head, Department
of CSE
Department of CSE
Internship Coordinator

External Examiner
Date:-
 DECLARATION

I, Anirudh Reddy Palle (2031A05N9) ,student of SREENIDHI INSTITUTE OF

SCIENCE AND TECHNOLOGY, YAMNAMPET, GHATKESAR, studying IIIrd
year Istsemester, COMPUTER SCIENCE AND ENGINEERING solemnly declare that
the Summer Industry Internship-I Report, titled “Front End Development For

Eccomerce” is submitted to SREENIDHI INSTITUTE OF SCIENCE

AND TECHNOLOGY for partial fulfillment for the award of degree of Bachelor
of technology in COMPUTER SCIENCE AND ENGINEERING.

It is declared to the best of our knowledge that the work reported does not form part of
any dissertation submitted to any other University or Institute for award of any degree

ANIRUDH REDDY PALLE 20311A05N9

 ACKNOWLEDGEMENT

I would like to express my gratitude to all the people behind the screen who helped me to
transform an idea into a real application.

I would like to thank my Project coordinator Mrs. Nanna Pravalika for her technical
guidance, constant encouragement and support in carrying out my project at college.

I profoundly thank Dr. ARUNA VARANASI, Head of the Department of Computer

Science & Engineering who has been an excellent guide and also a great source of
inspiration to my work.

I would like to express my heart-felt gratitude to my parents without whom I would not
have been privileged to achieve and fulfill my dreams. I am grateful to our principal, Dr.
T. Ch. Siva Reddy, who most ably run the institution and has had the major hand in
enabling me to do my project.

The satisfaction and euphoria that accompany the successful completion of the task
would be great but incomplete without the mention of the people who made it possible
with their constant guidance and encouragement crowns all the efforts with success. In
this context, I would like thank all the other staff members, both teaching and non-
teaching, who have extended their timely help and eased my task.

ANIRUDH REDDY PALLE 20311A05N9

CONTENTS

❖ Abstract
❖ Objective
❖ Introduction to HTML
➢ HTML
➢ Markup
➢ Data Types & Document type declaration
➢ Elements and Tags
❖ Introduction to CSS
➢ What is CSS?
➢ Use of CSS
➢ CSS format
➢ CSS in Html
❖ Introduction to BOOTSTRAP
➢ What is Bootstrap?
➢ Histroy of Bootstrap
➢ Use of Bootstrap
➢ Installation of Bootstrap
❖ Methodology
➢ Advantages
➢ Disadvantages
➢ Conclusion
❖ Introduction to Project
➢ Abstract
➢ Technologies used
➢ Observations
➢ List of Figures
➢ Learning after the internship
➢ Conclusion
➢ References
ABSTRACT
Today’s fast -changing business environment, it’s extremely important to be able
to respond to client needs in the most effective and timely manner. If your
customers wish to see your business online and have instant access to your
products or services.
Online Shopping is a lifestyle e-commerce web application, which retails various
fashion and lifestyle products . This project allows viewing various products
available enables registered users to purchase desired products instantly using
PayPal payment processor (Instant Pay) and also can place order by using Cash
on Delivery (Pay Later) option.
This project provides an easy access to Administrators and Managers to view
orders placed using Pay Later and Instant Pay options.
In order to develop an e-commerce website, a number of Technologies must be
studied and understood. These include multi-tiered architecture, server and client
side scripting techniques, implementation technologies such as Html, Css and
bootstrap, and relational databases. This is a project with the objective to develop
a basic website where a consumer is provided with a shopping cart application
and also to know about the technologies used to develop such an application.
OBJECTIVE
In these days it becomes the mandate of the companies to double its customers,
and this can be done by rendering the value add service and maintaining the
quality. Hence, it is also one of the primary objectives of the companies The
various objectives of the e-commerce can be laid down as follows:
1.Development of Business-Relationship:
The business development can be done through the e-commerce being the
primary and the basic object. As their direct contact in between the company and
the consumer, their business relationship will be enhanced. Hence the area of the
market can be increased.
2.Better-Customer Service:
As it is done round the clock, the customer will always have online help
regarding the products. As all the information is furnished to the customer, it
becomes easy to him to choose the best product among all other alternatives. As
even the service can also be done through the net immediately, the customer
service will be ballooned. By highlighting the customer service, the companies
are trying to subjugate a lion-share in the market.

3.Getting more Customers:

In these days it becomes the mandate of the companies to double its customers,
and this can be done by rendering the value add service and maintaining the
quality. Hence, it is also one of the primary objectives of the companies which
supply impetus for the robust growth in sales and overall profit.
HTML
The HyperText 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.

HTML can embed programs written in a scripting language such as JavaScript,

which affects the behavior and content of web pages. The inclusion of CSS
defines the look and layout of content. The World Wide Web Consortium (W3C),
former maintainer of the HTML and current maintainer of the CSS standards, has
encouraged the use of CSS over explicit presentational HTML since 1997. [2] A
form of HTML, known as HTML5, is used to display video and audio, primarily
using the <canvas> element, in collaboration with javascript.
Markup

HTML markup consists of several key components, including those called tags
(and their attributes), character-based data types, character references and entity
references. HTML tags most commonly come in pairs like <h1> and </h1>,
although some represent empty elements and so are unpaired, for example <img>.
The first tag in such a pair is the start tag, and the second is the end tag (they are
also called opening tags and closing tags).

Another important component is the HTML document type declaration, which

triggers standards mode rendering.

The following is an example of the classic "Hello, World!" program:

<!DOCTYPE html>

<html>

<head>

<title>This is a title</title>

</head>

<body>

<div>

<p>Hello world!</p>

</div>

</body>

</html>
The text between <html> and </html> describes the web page, and the text
between <body> and </body> is the visible page content. The markup text
<title>This is a title</title> defines the browser page title shown on browser tabs
and window titles and the tag <div> defines a division of the page used for easy
styling. Between <head> and </head>, a <meta> element can be used to define
webpage metadata.

The Document Type Declaration <!DOCTYPE html> is for HTML5. If a

declaration is not included, various browsers will revert to "quirks mode" for
renderin.

Data types

HTML defines several data types for element content, such as script data and
stylesheet data, and a plethora of types for attribute values, including IDs, names,
URIs, numbers, units of length, languages, media descriptors, colors, character
encodings, dates and times, and so on. All of these data types are specializations
of character data.

Document type declaration

HTML documents are required to start with a Document Type Declaration

(informally, a "doctype"). In browsers, the doctype helps to define the rendering
mode—particularly whether to use quirks mode.

The original purpose of the doctype was to enable the parsing and validation of
HTML documents by SGML tools based on the Document Type Definition
(DTD). The DTD to which the DOCTYPE refers contains a machine-readable
grammar specifying the permitted and prohibited content for a document
conforming to such a DTD. Browsers, on the other hand, do not implement
HTML as an application of SGML and as consequence do not read the DTD.

HTML5 does not define a DTD; therefore, in HTML5 the doctype declaration is
simpler and shorter:[81]
<!DOCTYPE html>

Elements
HTML documents imply a structure of nested HTML elements. These are
indicated in the document by HTML tags, enclosed in angle brackets thus: <p>.

In the simple, general case, the extent of an element is indicated by a pair of tags:
a "start tag" <p> and "end tag" </p>. The text content of the element, if any, is
placed between these tags.

Tags may also enclose further tag markup between the start and end, including a
mixture of tags and text. This indicates further (nested) elements, as children of
the parent element.

The start tag may also include the element's attributes within the tag. These
indicate other information, such as identifiers for sections within the document,
identifiers used to bind style information to the presentation of the document, and
for some tags such as the <img> used to embed images, the reference to the image
resource in the format like this: <img src="example.com/example.jpg">

Some elements, such as the line break <br />, or <br /> do not permit any
embedded content, either text or further tags. These require only a single empty
tag (akin to a start tag) and do not use an end tag.

Many tags, particularly the closing end tag for the very commonly used paragraph
element <p>, are optional. An HTML browser or other agent can infer the closure
for the end of an element from the context and the structural rules defined by the
HTML standard. These rules are complex and not widely understood by most
HTML coders.

The general form of an HTML element is therefore: <tag attribute1="value1"

attribute2="value2">''content''</tag>. Some HTML elements are defined as empty
elements and take the form <tag attribute1="value1" attribute2="value2">. Empty
elements may enclose no content, for instance, the <br /> tag or the inline <img>
tag. The name of an HTML element is the name used in the tags. Note that the
end tag's name is preceded by a slash character, /, and that in empty elements the
end tag is neither required nor allowed. If attributes are not mentioned, default
values are used in each case.

Element examples

See also: HTML element

Header of the HTML document: <head>...</head>. The title is included in the

head, for example:

<head>

<title>The Title</title>

<link rel="stylesheet" href="stylebyjimbowales.css" /> <!-- Imports Stylesheets

-->

</head>
Headings

HTML headings are defined with the <h1> to <h6> tags with H1 being the
highest (or most important) level and H6 the least:

<h1>Heading level 1</h1>

<h2>Heading level 2</h2>

<h3>Heading level 3</h3>

<h4>Heading level 4</h4>

<h5>Heading level 5</h5>

<h6>Heading level 6</h6>

The effects are:

Heading Level 1

Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5

Heading Level 6

Note that CSS can drastically change the rendering.

Paragraphs:

<p>Paragraph 1</p> <p>Paragraph 2</p>

Line breaks:
<br />. The difference between <br /> and <p> is that <br /> breaks a line without
altering the semantic structure of the page, whereas <p> sections the page into
paragraphs. The element <br /> is an empty element in that, although it may have
attributes, it can take no content and it may not have an end tag.

<p>This <br /> is a paragraph <br /> with <br /> line breaks</p>

This is a link in HTML. To create a link the <a> tag is used. The href attribute
holds the URL address of the link.

<a href="https://www.wikipedia.org/">A link to Wikipedia!</a>

Inputs:

There are many possible ways a user can give input/s like:

<input type="text" /> <!-- This is for text input -->

<input type="file" /> <!-- This is for uploading files -->

<input type="checkbox" /> <!-- This is for checkboxes -->

Comments:
<!-- This is a comment -->

Comments can help in the understanding of the markup and do not display in the
webpage.
Attributes

Most of the attributes of an element are name–value pairs, separated by = and

written within the start tag of an element after the element's name. The value may
be enclosed in single or double quotes, although values consisting of certain
characters can be left unquoted in HTML (but not XHTML). [73][74] Leaving
attribute values unquoted is considered unsafe. [75] In contrast with name-value pair
attributes, there are some attributes that affect the element simply by their
presence in the start tag of the element, [6] like the ismap attribute for the img
element.[76]

There are several common attributes that may appear in many elements :

● The id attribute provides a document-wide unique identifier for an

element. This is used to identify the element so that stylesheets can
alter its presentational properties, and scripts may alter, animate or
delete its contents or presentation. Appended to the URL of the page, it
provides a globally unique identifier for the element, typically a sub-
section of the page. For example, the ID "Attributes" in
https://en.wikipedia.org/wiki/HTML#Attributes.
● The class attribute provides a way of classifying similar elements. This
can be used for semantic or presentation purposes. For example, an
HTML document might semantically use the designation
<class="notation"> to indicate that all elements with this class value
are subordinate to the main text of the document. In presentation, such
elements might be gathered together and presented as footnotes on a
page instead of appearing in the place where they occur in the HTML
source. Class attributes are used semantically in microformats.
Multiple class values may be specified; for example <class="notation
important"> puts the element into both the notation and the important
classes.
● An author may use the style attribute to assign presentational
properties to a particular element. It is considered better practice to use
 an element's id or class attributes to select the element from within a
stylesheet, though sometimes this can be too cumbersome for a simple,
specific, or ad hoc styling.
● The title attribute is used to attach a subtextual explanations to an
element. In most browsers this attribute is displayed as a tooltip.
● The lang attribute identifies the natural language of the element's
contents, which may be different from that of the rest of the document.
For example, in an English-language document:
<p>Oh well, <span lang="fr">c'est la vie</span>, as they say in
France.</p>
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.

Why we learn CSS?

Styling is an essential property for any website. It increases the standards and

overall look of the website that makes it easier for the user to interact with it. A

website can be made without CSS, as styling is MUST since no user would want

to interact with a dull and shabby website. So for knowing Web Development,

learning CSS is mandatory.

Basic Format: It is the basic structure of CSS style of an webpage.

body {

background-color: lightgray;

h1 {

color: green;

text-align: center;

p{

font-family: sans-serif;

font-size: 16px;

There are three types of CSS which are given below:

● 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.
What does CSS mean?

Tags for formatting a web page were never intended in HTML. HTML was
established to define a web page’s content. The addition of tags like <font> and
color attributes to HTML created a big problem for web developers. The creation
of large websites, where fonts and color information were added to each page,
became a time-consuming and costly procedure. CSS was established to address
this issue. CSS eliminated the HTML page’s style formatting.

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.
● 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.
Why is CSS used in HTML?

● Solves a big problem: Font, color, background style, element

alignments, border, and size tags had to be duplicated on each web
page before CSS. This was a lengthy procedure.
● Saves a lot of time: Because CSS style definitions are stored in
external CSS files, updating only one file can modify the entire
website.
● Provide more attributes: CSS gives more specific features for
defining the look and feel of a website than simple HTML.
● Pages load faster: CSS doesn’t require you to write HTML tag
attributes all of the time. A tag’s rule can be written once and applied
to all instances of the tag. As a result, CSS uses less code, resulting
in speedier download times.
● Easier Website maintenance: CSS makes website maintenance much
easier. If we need to make a global change to the file, we can simply
alter the style, which will update all of the elements on the web page.
● Multiple device compatibility: We can use CSS with older language
versions because it is compatible with them. CSS makes it possible
to optimize material for several devices.
● Base for web development: HTML and CSS is the basic skill that
every web developer should know. It is the basic skill that is required
for building a website.
● Makes your website look attractive: A website that’s dull and plain
will not attract the user, so adding some style would surely make
your website presentable to the user.
● Makes the design come live: A web developer is responsible for
making the design given to him as a live product. It is used for
styling to develop the design of the website.
● Increases user experience of the website: A website with a simple yet
beautiful UI would help the users to go through the website easily. It
is used to make the user interface better.
● More career opportunities: Since CSS is a basic requirement while
learning Web Development, therefor there are abundant career
opportunities for it. As a freelancer, you can land up to many
projects.
Bootstrap

What is Bootstrap?

● Bootstrap is a free front-end framework for faster and easier web

development
● Bootstrap includes HTML and CSS based design templates for
typography, forms, buttons, tables, navigation, modals, image carousels
and many other, as well as optional JavaScript plugins
● Bootstrap also gives you the ability to easily create responsive designs

Bootstrap History

Bootstrap was developed by Mark Otto and Jacob Thornton at Twitter, and
released as an open source product in August 2011 on GitHub.

In June 2014 Bootstrap was the No.1 project on GitHub!

Why Use Bootstrap?

Advantages of Bootstrap:

● Easy to use: Anybody with just basic knowledge of HTML and CSS can
start using Bootstrap
 ● Responsive features: Bootstrap's responsive CSS adjusts to phones,
tablets, and desktops
● Mobile-first approach: In Bootstrap 3, mobile-first styles are part of the
core framework
● Browser compatibility: Bootstrap is compatible with all modern browsers
(Chrome, Firefox, Internet Explorer, Edge, Safari, and Opera)

Where to Get Bootstrap?

There are two ways to start using Bootstrap on your own web site. You can:

● Download Bootstrap from getbootstrap.com

● Include Bootstrap from a CDN

Downloading Bootstrap

If you want to download and host Bootstrap yourself, go to getbootstrap.com, and

follow the instructions there.

Bootstrap CDN

If you don't want to download and host Bootstrap yourself, you can include it
from a CDN (Content Delivery Network).
ADVANTAGES
1. Faster buying process
2. Store and product listing creation
3. Cost reduction
4. Affordable advertising and marketing
5. Flexibility for customers
6. No reach limitations
7. Product and price comparison
8. Faster response to buyer/market demands
9. Several payment modes
10. Enables easy exports
Advantages in detail
1.Faster buying process
Customers can spend less time shopping for what they want. They can easily
browse through many items at a time and buy what they like. When online,
customers can find items that are available in physical stores far away from them
or not found in their locality.
For example - Rajesh is a customer who goes to a store to buy a washing
machine. After searching, he realises that he cannot find the product he needs. He
logs onto a popular ecommerce marketplace and finds the washing machine. What
is even better is that there is a special offer price and it can be delivered to his
home.This is where ecommerce comes to the rescue for many shoppers. They go
online, search for an item, get a fast response and can buy it just as quickly.
Advantages of e-business include helping one to choose from a wide range of
products and get the order delivered too. Searching for an item, seeing the
description, adding to cart –all steps happen in no time at all. In the end, the buyer
is happy because he has the item and didn’t have to travel far.

2.Store and product listing creation

A product listing is what the customer sees when they search for an item. This is
one advantage in ecommerce meant for
the seller. This online business plus point is that you can personalise your product
listing after creating them. The best part? Creating a listing takes very little time,
all you require is your product name or codes like EAN, UPC, ISBN or ASIN.
Sellers can add many images, a description, product category, price, shipping fee
and delivery date. So, in just one step you can tell the customer many things about
the item. Creating your listing shows the buyers what you have.
Rules for product listing
• Use high quality resolution images. Blurry images distract and confuse
customers.
• Maintain image dimensions. Usually ecommerce marketplaces will recommend
a resolution format.
• Provide multiple product views. Some sites even let you include a 360-degree
view of items.
• When adding product variants – such as lipsticks in different shades – ensure
each variant has its specific image. Customising listings makes them attractive
and appealing. Here are that it is free to upload and fast
3. Cost reduction
One of the biggest advantages of ecommerce to business that keep sellers
interested in online selling is cost reduction. Many sellers have to pay lots to
maintain their physical store. They may need to pay extra up front costs like rent,
repairs, store design, inventory etc. In many cases, even after investing in
services, stock, maintenance and workforce, sellers don’t receive desired profits
and ROI.
4. Affordable advertising and marketing
Sellers don’t have to spend a lot of money to promote their items. The world of
ecommerce has several affordable, quick ways to market online. Ecommerce
marketplaces are visual channels – and sellers can really show off their product.
For example, Amazon sellers can use Advertising tools to add videos,
infographics, good quality resolution images.
5. Flexibility for customers
An important advantage of ecommerce to business is that sellers can provide
flexibility to customers. One highlight is that the product and services are ready
24x7. The result is that seller can offer his item any place, any time.
6. Product and price comparison
In ecommerce, sellers can compare the products using tools or on their own. This
gives them a good idea of product alternatives available, the standard rates, if a
product need is unfulfilled.This is one more benefit for the customer too. When
people see many items ready for purchase, they feel more confident about
spending.
7. No reach limitations
A seller with a physical store may only be able to reach a certain number of
buyers. They can deliver to the customers’ homes but there can be distance
limitations. Several e-commerce marketplaces have their own logistics and
delivery system.
8. Faster response to buyer/market demands
Every interaction is faster when you begin selling online. Ecommerce
marketplaces offer you a streamlined logistics or delivery system. What this
means is that the buyers order gets delivered efficiently. Product returns
management is one more plus point that can be handled quickly – you either
refund the payments or give a replacement.
9. Several payment modes
Buyers like personalisation – the same goes for paying for their orders.
Ecommerce marketplaces permit multiple payment modes that include UPI, cash
on delivery, card on delivery, net banking, EMIs on credit or debit card and pay-
later credit facility.
10. Enables easy exports
E-commerce exports assists sellers to directly sell to international customers in
global marketplaces, allowing them to transcend beyond national boundaries and
expand abroad. With e-commerce, sellers don’t have to invest in a physical setup
to reach customers. Instead, they can use attractive product listing and acquire
new customers internationally with ease. For aspiring entrepreneurs and growing
businesses, e-commerce exports can be a very profitable model to adapt for global
expansion and increased revenue.

DISADVANTAGES
1. Security
The biggest drawback of e-commerce is the issue of security. People fear to
provide personal and financial information, even though several improvements
have been made in relation to data encryption. Certain websites do not have
capabilities to conduct authentic transactions. Fear of providing credit card
information and risk of identity limit the growth of e-commerce.
2. Lack of privacy
Many websites do not have high encryption for secure online transaction or to
protect online identity. Some websites illegally collect statistics on consumers
without theirpermission. Lack of privacy discourages people to use internet for
conducting commercial transactions.
3. Tax issue
Sales tax is another bigger issue when the buyer and seller are situated in different
locations. Computation of sales tax poses problems when the buyer and seller are
in different states. Another factor is that physical stores will lose business if web
purchases are free from tax.
4. Fear
People fear to operate in a paperless and faceless electronic world. Some of the
business organizations do not have physical existence, People do not know with
whom they are conducting commercial transactions. This aspect makes people to
opt physical stores for purchases.
CONCLUSION
The growth in e-commerce has a few negative social consequences as well. E-
Commerce has resulted in Me-Oriented society in which the main focus is on
personal growth and decline in family values. E-Commerce has adversely affected
the earnings of various micro retail traders. E-Commerce, if used properly can
prove to be beneficial to the society otherwise it may be the reason of spoiling the
environment for forth coming generations.
 Introduction about Project
Step 1: Making The Initial Decision to Offer E-Commerce
Any company planning to offer E-commerce should have a long-term vision and
an objective of transforming itself into an E-business to provide business value to
the corporation and its shareholders.
Why does a company need strategic planning for E-commerce and what are the
available options?
A company may decide:
• not to go for E-commerce at least for the time being.
• to use the web just as a means of advertising- this option is
popular as it involves low cost, no cost of security, payment, web hosting
etc.
• to open online stores to complement existing stores, such as
Tesco’s “etailing” initiative.
• to establish a separate online division within the company.
• to dissolve their regular business and go for a full online
business operation such as Egg’s online banking.
The first step to becoming an E-commerce business is to define a dynamic
business strategy based on opportunities to provide value. Developing that
strategy requires a revaluation of the existing model and identifying internal
issues.
Step 2: Identifying the Business Aims for E-Commerce
The aims behind an E-commerce strategy should include some or all of the
following;
• To improve customer service and interaction.
• To increase brand awareness and awareness of the
company.
• To expand geographic reach.
• To expand into new markets.
• To increase revenue and market share.
• To reduced operating costs
• To be seen as an innovative and progressive company
through being an Ecommerce leader.
• To compete with bigger rivals on more even terms (such as
Egg’s competition with traditional banks).

The company should focus its reengineering into areas where it gives more return
on investment. This requires clear well-defined objectives such as: -

• To sell more goods and services by using the web.

• To support its business partners over the web: e-care for
partners.
• To improve communication within the company: e-care for
employees.
1. ABSTRACT
1.1 Overview
As part of Weblaunch Internship program management for students, I got an
opportunity to work on “Advance E-Commerce Website”, a minuscule
project , it covers a range of different types of business, from consumer based
retail sites, through auction or music sites, to business exchanges.

1.2 Purpose
The business to consumer aspect of electronic commerce(e-commerce) is the most
visible business use of the World Wide Web. Developing project would help
students to understand primary goal of an e-commerce site is to sell goods and
services online.this project is a web based shopping system for an existing shop.

1.3 Existing problem

When it comes to e-commerce ,one of the biggest challenges faced is security
breaches. There is a lot of information/data that is involved while dealing with e-
commerce and a technical issue with data can cause severe damage to the
retailer’s daily operation as well brand image.

1.4 Proposed solution

Be vigilant and always back up your data. Post that,you can install security
plugins onto your website to prevent it from getting hacked. There are several
plugins out there,pick one that works best for your e-commerce website.
2.TECHNOLOGIES USED
2.1 Hardware / Software designing
Hardware and software requirements of the project:
The hardware and software specifications required to develop
and use the application are minimal. Here are the baseline
hardware requirements:
• Operating System: Windows 8 onwards, MacOS High
Sierra onwards
• Processor Type: Intel core i3 9th gen/ Intel core i5 7th gen/
th
Intel core i7 5 gen onwards
• Processor Speed: 1 GHZ;Recommended 2GHz or more
• Memory(RAM): 1 GB and above;Recommended 4 GB or
more
• Here are the software requirements:

People often ask what browser they should use. There is no

single answer for this. Use whichever browser works best
on your computer. However, we recommend downloading
Firefox and/or Chrome in addition to having Internet
Explorer or Safari.
• Firefox
• Chrome
Other important software
• Java
• Adobe Flash Player
• Adobe Reader
• Backend end tools: JavaScript, Python, PHP, Java, Golang,
• Front end tools: HTML,CSS, JavaScript
• Support Tools: Notepad++, VScode
•
2.2 List of technologies used to create the project
• HTML
• CSS
• BOOTSTRAP
• JAVASCRIPT
3. OBSERVATIONS / DUTIES PERFORMED
Analysis or the investigation made while working on the
project:
Following functionalities have been developed and tested:
a. Login
b. User registration
c. Simple dashboard
d. Adding expenses
e. Header and footer
f. Home page contact. Page

E-commerce developers have a wide range of responsibilities, which can

include:
• Creating and maintaining a website’s structure to ensure it
is compatible with web browsers, search engines, and other devices such
as mobile phones or tablets
• Developing e-commerce websites that are easy to navigate,
have relevant content, and provide high quality images
• Creating new products, updating existing ones, adding
them to the website catalog, and managing inventory levels
• Identifying opportunities for improvement in conversion
rates and recommending changes to increase sales or reduce costs
• Establishing an online presence for businesses through
social media platforms such as Facebook or Twitter
• Creating and implementing marketing strategies based on
customer data and industry trends
• Designing and developing websites using web design
software such as Adobe Dreamweaver or Microsoft Visual Studio
• Building and maintaining online stores with an e-commerce
platform such as Shopify or Magneto
• Maintaining the security of websites through virus scans
and penetration testing to identify vulnerabilities that could be exploited
by hackers
4.LIST OF FIGURES AND SCREENS

5. LEARNING AFTER THE INTERNSHIP

 After doing this project I learned :
• hands on experience on web-development technologies
• Taking risks and Trying Something new
• Learned how to create a website by using frontend and
backend.
• By this project I explored more for new things to design.
• Boosted me to communicate regarding projects.
• The good thing about making mistakes is they became
lessons learned.

6. CONCLUSION
Finally, a summary of all my work (in a few points)
• E-Commerce is not just about conducting business
transactions via the Internet.
• Its impact will be far-reaching, and more prominent then
we know currently.
• This is because the revolution in information technology is
happening simultaneously with other developments, especially the
globalisation of the business.
• The new age of global e-commerce is creating entirely new
economy and that will tremendously change our lives, will reshape the
competition in various industries, and alter the economy globally.
• As companies are gaining high profits, more and more
other companies are developing their websites to increase their profits.
• Since more businesses are being held online resulting in
high economy development and emergence of a more innovative and
advanced technology.

Enhancements that can be made in the future:

• The scope of e-commerce in India bloomed during the
pandemic.
• This success can also be the result of increased internet use
among our generation.
• The soaring popularity of e-commerce websites can be
rightly called a ‘positive impact of covid-19 on e-commerce. Some of the
most successful e-commerce business 2022 are Amazon, Flipkart, etc.
• One of the biggest benefits of e-commerce to business is
that an e-commerce website makes it easy to sell products to a larger
audience, no matter where their physical location is.
• India has shown rapid growth in the eCommerce sector. It
is now brimming with job opportunities and service providers.

7.References
• Html References: https://www.w3schools.com/html/
• CSS References: https://www.w3schools.com/css/
• JavaScript References: https://www.w3schools.com/js/
• bootstrap reference : https://getbootstrap.com/
• Using Vscode(version 1.72)