Professional Documents
Culture Documents
Common Black Book
Common Black Book
Project Proposed
On
“LocalMart”
Submitted by
Mr. Nikhil Kandhare [33] [FS]
Mr. Shantanu Shinde [61] [FS]
Mr. Shubham Jangilwad [25] [FS]
This is to certify that the Project Progress Report entitled “LocalMart” has been
carried out by Mr. Nikhil Kandhare, Mr. Shantanu Shinde, Mr. Shubham
Jangilwad under my guidance in partial fulfilment for the award of the degree
of diploma in computer engineering of Maharashtra State Board of Technical
education, during the academic year 2021-2022. To the best of my knowledge
and belief this work has not been submitted elsewhere for the award of any other
degree.
Principal
Visnhupuri, Nanded
APPROVAL CERTIFICARE
Viva-Voice examination for above dissertation work is conducted on date __ /
__ / 2021 and work is approved for award of Diploma in Computer Engineering
Acknowledgment
I wish to express my heartful gratitude to the all people who have played a
crucial role in the research for this project, without their active cooperation the
preparation of this project could not have been completed within the specified
time limit.
Nikhil Kandhare
Shantanu Shinde
Shubham Jangilwad
Abstract
E-Commerce which was started in early 1990’s has taken a great leap in the
world of computers, but the fact that has hindered the growth of e-commerce is
security. Security is the challenge facing E-commerce today & there is still a lot
of advancement made in the field of security.
Index
1.1 Introduction
2 Literature Survey
2.1 Survey
4 Technology Used
4.1 HTML
4.2 CSS
4.3 PHP
4.4 JavaScript
4.9 Bootstrap
6 Source Code
6.1 index.php
6.2 header.php
6.4 product.php
6.5 Cart.php
6.6 store.php
Conclusion 83-83
Reference 85-85
Bibliography 86-86
Chapter 1: Introduction
1.1 Introduction:
E-Commerce is the process of doing business online through computer
networks. The first goal of an E-Commerce site is to sell goods and services
online. Online shopping may be a type of electronic shopping store where the
customer is directly online to the seller’s computer usually via the net. An
individual sitting on his chair before of a computer can access all the facilities
of the net to shop for or sell the products. Online Shopping System helps in
buying of products, products and services online by choosing the listed products
from website (E-Commerce site). The go-cart is especially useful for who
haven’t time to travel to shopping. Go-cart may be a important feature employed
in e-commerce to help people making purchases online. Buy and sale process is
completed electronically or cash on delivery. User can login into E-Commerce
website, once he logged in then automatically one go-cart are going to be
created, once user select an item it'll increase cart. Just in case user thinks the
chosen item isn't useful for him, then he can delete that item form the cart.
Report generation feature is provided using Crystal Reports to come up with
different styles of reports like bar graphs, pie charts and table type charts etc.
The proposed system helps in building an internet site to shop for, sell products
or goods online using internet connection. Unlike traditional commerce that's
distributed physically with effort of an individual to travel and find products, E-
Commerce has made it easier for human to scale back physical work and to
avoid wasting time. The fundamental concept of the applying is to permit the
customer to buy virtually using the net and permit customers to shop for the
things and articles of their desire from the shop. E-commerce is fast gaining
ground as an accepted and used business paradigm.
Now, with a single website, anything and everything that a transaction needs,
can be executed online. We use Business-to-Consumer (B2C) Electronic
transactions of goods and services between companies and consumers.
the products are displayed along with necessary details like product descriptions
and price tags.
A CTA button like “Add to Cart ” is placed near the products for the
convenience of the customers. If they feel like buying a product they can simply
click on the “Conform Order” button and Customers are usually asked to place
their orders by filling up a form. There, they need to provide all the necessary
details like the delivery address. There are different payment methods used in
the eCommerce industry but we didn’t provide that be cause of some security
reasons option but in future we can implement.
In this option, the buyer makes the payment when the item they ordered is
delivered on their personal address. The payment can be made either in cash or
through cards or other convenient options like Google Pay.
We have two panel that represent each section, one have for user and one is of
admin. That admin can add product from admin panel and identify all activity
of user. At the user module user can see the products and filter the categories
and does many more activity .
User can Add Product in Add to Cart section that can be letter perches the
product.
1.3 Features:
• User-Friendly
• Security
• Customer- Friendly
• Product Review
• Auto Generated Bill
Lal studied,
(2) low-level of IT users (firms using only MIS for office automation);
(3) Moderate level of IT users (these firms have adopted CAD/CAM in addition
to MIS);
Raven et al,
2. User interface
4. Fast delivery
6. Guaranteed product
provides the opportunity the overall flow of demand and supply and results in
fruitful customers retention.
Every website you open in your web browser, from social networks to music
services, uses HTML. A look under the hood of any website would reveal a
basic HTML code page, written with an HTML structure editor, providing
structure for all the page’s components, including its header element, footer
element, main content, and other inline elements.
The HTML file plays a couple of significant roles in a webpage. First, we use
the structure created by our HTML code to reference, enhance, and manipulate
elements on a web page using CSS and JavaScript. For instance, you could use
HTML to mark all of the headings on a web browser page, then pick the size
and color you want to apply to those headings to reflect your organization’s
branding, or simply a visual design developed for the site.Second, HTML text
lets us indicate the roles of different structural elements to search engines and
other services that index the content and summarize it for other users. For
instance, marking the caption of an image with the “figcaption” element and
enclosing the image and its caption in the “figure” meta element helps a search
engine understand that these two pieces of content are related and that the
caption describes the associated image.
Before CSS, tags like font, color, background style, element alignments, border,
and size had to be repeated on every web page. This was a very long process.For
example: If we are making a large website where fonts and color information
are required to add on every page, it will be a long process. CSS was created to
solve this problem. It was a W3C recommendation.
Gramin Technical and Management Campus, Nanded Page | 16
LocalMart 2021-22
CSS style definitions are saved in external CSS files, so it is possible to change
the entire website by changing just one file.
CSS provides more detailed attributes than plain HTML to define the look and
feel of the website.
CSS does not require the writing of HTML tag attributes every time. There is
the writing of rule just once for a tag, which can be applied to all the occurrences
of the corresponding tag. So using CSS, there is less code, which means faster
downloading.
CSS makes the maintenance of the website easier. It plays an essential role in
website maintenance. If we require a global change in the file, it can be simply
done by changing the style by which all the elements on the web page will
update automatically. The CSS file provides a flexible look to the website,
which can be altered in a convenient way. It also makes HTML formatting and
modification of corresponding data elements easier.
CSS is compatible with the older language versions so that we can use CSS with
the earlier language versions. Because of this, if the CSS application is
developed with the older programming language versions and if the developer
combines the same with new improvements, then CSS can be easily
implemented with the corresponding changes so the developer can update the
existing code successfully. CSS allows the content to be optimized for more
than one type of device.
2. Open source and dynamic Library support: Another benefit of using the PHP
Hyper Preprocessor script which has been developed and maintained by a team
of PHP developers. This helps to create a support community, an additional
library. PHP additionally has high-performance workflow modules, and several
modules available in PHP include Graphics and PDF.
3. Organized: PHP has been around for about 21 years. During this time, many
developers worked on the app to improve app usage. Most bugs are discovered
over the years, and bugs are quickly resolved by a team of developers. PHP is
now very stable.
6. Easy to understand and code: The PHP framework is mainly used to make
web application development easy and automatically coded. The creation of a
PHP framework view controller enables the code to be easily stored and used.
MVC architecture facilitates the separation of a separate module file.
4.4 JavaScript:
1. Client-side programming: It’s one of the few languages that isn’t run on the
server that hosts the web page. If you’re a web developer, the time taken to load
a page on a viewer’s browser must be as low as possible. The higher the load
time, the lower the user experience. JavaScript animations use the viewer’s
device processor to run themselves. This reduces the strain on the web server by
a huge amount and cuts the page load time.
2. Small learning curve: JavaScript isn’t the only programming language for the
web. Others include Python, C++, and a few more. However, it’s the most
popular because it’s easy to learn. The syntax JavaScript uses is very similar to
English. Developers don’t have to spend weeks figuring out what each snippet
of code does when building a new site. In the fast-paced Toronto web
development industry, every second counts. When a developer uses JavaScript,
your site will be open to the public that much faster
3. Compatible with other languages: Web servers use different languages to run
well. Python, PHP, Ruby, Rails, ASP.NET, and Java are a few examples.
Regardless of the language used on the server, your viewers will always have a
rich, responsive experience because JavaScript works well with all of these
languages.
4. Uses the DOM model: The DOM model is method of structuring a web page
so that the elements are styled as “objects” with their own properties. This
allows JavaScript to easily relate to all the elements and use them for animations
or transitions with minimal issues. The DOM (Document Object Model) isn’t a
programming language; it’s universal. A developer can write a DOM for a web
page using JavaScript.
1. Create, browse, edit, and drop databases, tables, views, columns, and indexes
2. Display multiple results sets through stored procedures or queries
3. Create, copy, drop, rename and alter databases, tables, columns and indexes
4. Maintenance server, databases and tables, with proposals on server
configuration
5. Execute, edit and bookmark any SQL-statement, even batch-queries
6. Load text files into tables
7. Create [1] and read dumps of tables
8. Export [1] data to various formats: CSV, XML, PDF, ISO/IEC 26300 -
OpenDocument Text and Spreadsheet, Microsoft Word 2000, and LATEX
formats
9. Import data and MySQL structures from OpenDocument spreadsheets, as well
as XML, CSV, and SQL files
10. Administer multiple servers
11. Add, edit, and remove MySQL user accounts and privileges
1. Ease of Management
2. High Performance
3. Client-Server Architecture
4. Compatible and Portable
5. Reliable and Fast
6. Connectivity and Security
7. Stored Procedure
8. Triggers
9. Concurrency Control
10. Dual Passwords
11. Storage Engines
4.9 Bootstrap
It is pretty easy, to begin with. Being easy to get started with is probably the first
quality which makes Bootstrap very appealing.
Bootstrap not only offers LESS files but also includes the old CSS files.
3. Easily Customizable
5. Components of Bootstrap
• Drop-downs
• Button
• Navigation
• Badges Alerts
• Progress Bar
7. Bootstrap Templates
The readily available templates make it easier for inexperienced users to create
a website following a simple tutorial or demo available on the Bootstrap.
<?php
include "header.php";
include "body.php";
#include "newslettter.php";
include "footer.php";
?>
6.2 header.php:
<?php
session_start();
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<!-- The above 3 meta tags *must* come first in the head; any other head content
must come *after* these tags -->
<title>LocalMart</title>
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,700"
rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and
media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script
src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<style>
#navigation {
#header {
#top-header {
#footer {
color: #1E1F29;
#bottom-footer {
.footer-links li a {
color: #1E1F29;
.mainn-raised {
border-radius: 6px;
box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0,
0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
.glyphicon{
display: inline-block;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
.glyphicon-chevron-left:before{
content:"\f053"
.glyphicon-chevron-right:before{
content:"\f054"
</style>
</head>
<body>
<header>
<div id="top-header">
<div class="container">
<li><a
href="https://www.google.com/maps/place/Gramin+College+of+Engineering/
@19.110956,77.2958475,17z/data=!4m6!3m5!1s0x3bce29efd7b60579:0x8b3
5f3cec89318a9!4b1!8m2!3d19.1109509!4d77.2980362"><i class="fa fa-map-
marker"></i>Vishnupuri,Nanded</a></li>
</ul>
<li><?php
include "db.php";
if(isset($_SESSION["uid"])){
$query = mysqli_query($con,$sql);
$row=mysqli_fetch_array($query);
echo '
<div class="dropdownn">
<div class="dropdownn-content">
</div>
</div>';
}else{
echo '
<div class="dropdownn">
<div class="dropdownn-content">
</div>
</div>';
?>
</li>
</ul>
</div>
</div>
<div id="header">
<div class="container">
<div class="row">
<div class="col-md-3">
<div class="header-logo">
LocalMart </font>
</a>
</div>
</div>
<div class="col-md-6">
<div class="header-search">
<form>
<select class="input-select">
<option value="1">Men</option>
</select>
</form>
</div>
</div>
<div class="header-ctn">
<!--<div>
<a href="#">
<span>Github</span>
</a>
</div>-->
<div class="dropdown">
<span>Your Cart</span>
</a>
</div>
<div class="cart-btns">
</div>
</div>
</div>
<div class="menu-toggle">
<a href="#">
<span>Menu</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<nav id='navigation'>
</div>
</nav>
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
</div>
<div class="modal-body">
<?php
include "login_form.php";
?>
</div>
</div>
</div>
</div>
<div class="modal-content">
<div class="modal-header">
</div>
<div class="modal-body">
<?php
include "register_form.php";
?>
</div>
</div>
</div>
</div>
6.3 footer.php:
<footer id="footer">
<div class="section">
<div class="container">
<div class="row">
<div class="footer">
<ul class="footer-links">
</ul>
</div>
</div>
<ul class="footer-payments">
</ul>
<span class="copyright">
</span>
</div>
<div class="footer">
<h3 class="footer-title">Categories</h3>
<ul class="footer-links">
<li><a href="#">Mobiles</a></li>
<li><a href="#">Men</a></li>
<li><a href="#">Women</a></li>
<li><a href="#">Kids</a></li>
<li><a href="#">Accessories</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/slick.min.js"></script>
<script src="js/nouislider.min.js"></script>
<script src="js/jquery.zoom.min.js"></script>
<script src="js/main.js"></script>
<script src="js/actions.js"></script>
<script src="js/sweetalert.min"></script>
<script src="js/script.js"></script>
<script>var c = 0;
function menu(){
if(c % 2 == 0) {
document.querySelector('.cont_drobpdown_menu').className =
"cont_drobpdown_menu active";
c++;
}else{
document.querySelector('.cont_drobpdown_menu').className =
"cont_drobpdown_menu disable";
document.querySelector('.cont_icon_trg').className = "cont_icon_trg
disable";
c++;
</script>
<script type="text/javascript">
$('.block2-btn-addcart').each(function(){
$(this).on('click', function(){
});
});
$('.block2-btn-addwishlist').each(function(){
$(this).on('click', function(){
});
});
</script>
6.4 product.php:
<?php
include "header.php";
?>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},900);
});
});
</script>
<script>
(function (global) {
global.location.href += "#";
global.setTimeout(function () {
global.location.href += "!";
}, 50);
};
global.onhashchange = function () {
global.location.hash = _hash;
};
global.onload = function () {
noBackPlease();
if (e.which === 8 && (elm !== 'input' && elm !== 'textarea')) {
e.preventDefault();
e.stopPropagation();
};
};
})(window);
</script>
<div class="container">
<div class="row">
<?php
include ('db.php');
$product_id = $_GET['p'];
if (!$con) {
if (mysqli_num_rows($result) > 0)
while($row = mysqli_fetch_assoc($result))
echo '
<div id="product-main-img">
<div class="product-preview">
</div>
<div class="product-preview">
</div>
<div class="product-preview">
</div>
<div class="product-preview">
</div>
</div>
</div>
<div id="product-imgs">
<div class="product-preview">
</div>
<div class="product-preview">
</div>
<div class="product-preview">
</div>
<div class="product-preview">
</div>
</div>
</div>
';
?>
<?php
echo '
<div class="col-md-5">
<div class="product-details">
<h2 class="product-name">'.$row['product_title'].'</h2>
<div>
<div class="product-rating">
</div>
</div>
<div>
</div>
<p>'.$row['product_desc'].'</p>
<div class="add-to-cart">
<div class="qty-label">
<div class="input-number">
<span class="qty-up">+</span>
<span class="qty-down">-</span>
</div>
</div>
</div>
</div>
<ul class="product-btns">
</ul>
<ul class="product-links">
<li>Category:</li>
<li><a href="#">Headphones</a></li>
<li><a href="#">Accessories</a></li>
</ul>
<ul class="product-links">
<li>Share:</li>
</ul>
</div>
</div>
<div class="col-md-12">
<div id="product-tab">
<ul class="tab-nav">
</ul>
<div class="tab-content">
<div class="row">
<div class="col-md-12">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-3">
<div id="rating">
<div class="rating-avg">
<span>4.5</span>
<div class="rating-stars">
</div>
</div>
<ul class="rating">
<li>
<div class="rating-stars">
</div>
<div class="rating-progress">
</div>
<span class="sum">3</span>
</li>
<li>
<div class="rating-stars">
</div>
<div class="rating-progress">
</div>
<span class="sum">2</span>
</li>
<li>
<div class="rating-stars">
</div>
<div class="rating-progress">
<div></div>
</div>
<span class="sum">0</span>
</li>
<li>
<div class="rating-stars">
</div>
<div class="rating-progress">
<div></div>
</div>
<span class="sum">0</span>
</li>
<li>
<div class="rating-stars">
</div>
<div class="rating-progress">
<div></div>
</div>
<span class="sum">0</span>
</li>
</ul>
</div>
</div>
<div class="col-md-6">
<div id="reviews">
<ul class="reviews">
<li>
<div class="review-heading">
<h5 class="name">John</h5>
<div class="review-rating">
</div>
</div>
<div class="review-body">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua</p>
</div>
</li>
<li>
<div class="review-heading">
<h5 class="name">John</h5>
<div class="review-rating">
</div>
</div>
<div class="review-body">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua</p>
</div>
</li>
<li>
<div class="review-heading">
<h5 class="name">John</h5>
<div class="review-rating">
</div>
</div>
<div class="review-body">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua</p>
</div>
</li>
</ul>
<ul class="reviews-pagination">
<li class="active">1</li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
</ul>
</div>
</div>
<div id="review-form">
<form class="review-form">
<div class="input-rating">
<div class="stars">
</div>
</div>
<button class="primary-btn">Submit</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-12">
</div>
</div>
';
$_SESSION['product_id'] = $row['product_id'];
?>
<?php
include 'db.php';
$product_id = $_GET['p'];
$run_query = mysqli_query($con,$product_query);
while($row = mysqli_fetch_array($run_query)){
$pro_id = $row['product_id'];
$pro_cat = $row['product_cat'];
$pro_brand = $row['product_brand'];
$pro_title = $row['product_title'];
$pro_price = $row['product_price'];
$pro_image = $row['product_image'];
$cat_name = $row["cat_title"];
<div class='product-img'>
<div class='product-label'>
<span class='sale'>-30%</span>
<span class='new'>NEW</span>
</div>
</div></a>
<div class='product-body'>
<p class='product-category'>$cat_name</p>
<div class='product-rating'>
</div>
<div class='product-btns'>
</div>
</div>
<div class='add-to-cart'>
</div>
</div>
</div>
";}
?>
</div>
</div>
</div>
<?php
#include "newslettter.php";
include "footer.php";
?>
6.5 cart.php:
<?php
include "header.php";
?>
<section class="section">
<div class="container-fluid">
<div id="cart_checkout">
</div>
</div>
</section>
<?php
#include "newslettter.php";
include "footer.php";
?>
6.6 store.php:
<?php
include 'header.php';
?>
<script id="jsbin-javascript">
(function (global) {
global.location.href += "#";
global.setTimeout(function () {
global.location.href += "!";
}, 50);
};
global.onhashchange = function () {
global.location.hash = _hash;
};
global.onload = function () {
noBackPlease();
if (e.which === 8 && (elm !== 'input' && elm !== 'textarea')) {
e.preventDefault();
e.stopPropagation();
};
};
})(window);
</script>
<div class="section">
<div class="container">
<div class="row">
<div id="get_category">
</div>
<div class="aside">
<h3 class="aside-title">Price</h3>
<div class="price-filter">
<span class="qty-up">+</span>
<span class="qty-down">-</span>
</div>
<span>-</span>
<span class="qty-up">+</span>
<span class="qty-down">-</span>
</div>
</div>
</div>
<div id="get_brand">
</div>
<div class="aside">
<div id="get_product_home">
</div>
</div>
</div>
<div class="store-sort">
<label>
Sort By:
<select class="input-select">
<option value="0">Popular</option>
<option value="1">Position</option>
</select>
</label>
<label>
Show:
<select class="input-select">
<option value="0">20</option>
<option value="1">50</option>
</select>
</label>
</div>
<ul class="store-grid">
</ul>
</div>
</div>
<div id="get_product">
</div>
</div>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<?php
#include "newslettter.php";
include "footer.php";
?>
7.3 Cart
Conclusion
i. E-Commerce is still one of the biggest business opportunities and any
entrepreneur can take advantage if it’s implemented in the right way,
even if the stock market falls down, the e-commerce business will
survive on its own and continue receiving high transactions.
ii. E-Commerce business in India has a tremendous scope and the future of
E-Commerce looks really lively.
iii. In addition, E-Commerce needs will always need the introduction of new
technologies and marketing techniques for optimal growth.
iv. E-Commerce has undeniably an important part of our everyday life. The
successful companies of the future will be those who take the E-
Commerce business seriously, dedicating enough resources for the
development of E-Commerce solutions and marketing their E-
Commerce business.
v. The scope of a market depends upon the population of a country and it
also depends on the expenditure ratio of the people. This report tells us
that when it comes to E-Commerce Business in India there is immense
scope for this business in the future. In fact, the scope is sure to increase
year after year.
Future Scope
The future scope of E-Commerce is quite large. Today, online sales from
retailers such as Amazon and Walmart account for more than 20% of total retail
sales.
Reference
1. https://github.com
2. https://www.w3schools.com
3. https://alasbab.in
4. https://www.bigcommerce.com/blog/build-an-ecommerce-
website/#ecommerce-selling-statistics
5. https://acquire.io/blog/ecommerce-challenges/amp/
6. https://i-verve.com/blog/12-ecommerce-challenges-solutions/
7. https://getbootstrap.com/
Bibliography