Download as pdf or txt
Download as pdf or txt
You are on page 1of 94

A

Project Proposed
On
“LocalMart”

Submitted by
Mr. Nikhil Kandhare [33] [FS]
Mr. Shantanu Shinde [61] [FS]
Mr. Shubham Jangilwad [25] [FS]

Under the guidance of


Miss. Dudhmale M.N.
In partial fulfilment for the award of the Diploma
in
Computer Engineering

Gramin Technical and Management Campus,


Vishnupuri, Nanded - 431606
Academic Year 2021-2022
CERTIFICATE

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.

Miss. Dudhmale M.N Miss. Dudhmale M.N


(Guide) Head of Dept.
Dept of Computer Engineering Dept.of Computer Engineering

Dr. Pawar V.S

Principal

Gramin Techinal & Management Campus

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

Internal Examiner External Examiner


LocalMart 2021-22

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.

I am thankful to our respected principal Dr. V. S. Pawar for motivating me to


complete this project with complete focus and attention.

I am also thankful to my project guide Miss. Dudhmale M.N who supported me


throughout this project utmost cooperation and patience and for helping me in
doing this project.

Nikhil Kandhare

Shantanu Shinde

Shubham Jangilwad

Gramin Technical and Management Campus, Nanded i


LocalMart 2021-22

Abstract

Electronic Commerce is process of doing business through computer networks.


A person sitting on his chair in front of a computer can access all the facilities
of the Internet to buy or sell the products. Unlike traditional commerce that is
carried out physically with effort of a person to go & get products, ecommerce
has made it easier for human to reduce physical work and to save time.

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.

Gramin Technical and Management Campus, Nanded ii


LocalMart 2021-22

Index

Chapter Content Page No


No
1 Introduction

1.1 Introduction

1.2 Project Information

1.3 Feature 1-3

1.4 Software Requirement

1.5 Hardware Requirement

2 Literature Survey

2.1 Survey

2.2 Market Study 4-13

2.3 Problem Definition

3 Future Scope 14-15

4 Technology Used

4.1 HTML

4.2 CSS

4.3 PHP

4.4 JavaScript

4.5 PHP MyAdmin 16-24

4.6 Apache Server

4.7 MYSQL Database

4.8 Asbab – HTML Template

4.9 Bootstrap

5 Detail of Design, Working, Process

5.1 Work Flow Diagram

Gramin Technical and Management Campus, Nanded iii


LocalMart 2021-22

5.2 Use Case Diagram

5.3 Activity Diagram 25-29

5.4 Sequence Diagram

5.5 Data Flow Diagram

6 Source Code

6.1 index.php

6.2 header.php

6.3 footer.php 30-76

6.4 product.php

6.5 Cart.php

6.6 store.php

7 Result & Application

7.1 Home Page

7.2 Men’s Collection

7.3 Cart Page

7.4 Registration Page

7.5 Login Page

7.6 Add Product Page 77-82

7.7 User Order Page

7.8 Order Page

7.9 Product List

7.10 Footer Collection

Conclusion 83-83

Future Scope 84-84

Reference 85-85

Bibliography 86-86

Gramin Technical and Management Campus, Nanded iv


LocalMart 2021-22

How to Run Our Project 87-87

Gramin Technical and Management Campus, Nanded v


LocalMart 2021-22

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.

Gramin Technical and Management Campus, Nanded Page | 1


LocalMart 2021-22

1.2 Project Information:

E-Commerce websites are online portals that facilitate online transactions of


goods and services through means of the transfer of information and funds over
the Internet. We have a number of variety of product and product categories.

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.

There is option called COD or cash on delivery. This is mainly preferred by


customers.

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.

Gramin Technical and Management Campus, Nanded Page | 2


LocalMart 2021-22

1.3 Features:
• User-Friendly
• Security
• Customer- Friendly
• Product Review
• Auto Generated Bill

1.4 Software Requirements:


➢ Operating System : Windows
➢ Browser : Google Chrome
➢ Coding Language : Php, Mysql, Html, Css, Javascript
➢ IDE : Visual Studio

1.5 Hardware and Requirements:

➢ System : intel i3, 5,7


➢ Hard Disk : 40 GB
➢ RAM : Min 2 GB or More

Gramin Technical and Management Campus, Nanded Page | 3


LocalMart 2021-22

Chapter 2: Literature Survey


2.1 Literature Survey:
The benefits to companies that achieve Business-to Customer (B2C) E-
Commerce are compelling. Effective B2C E-Commerce implementations can
help organizations realize substantial cost savings, increase revenue, provide
faster delivery, reduce administration costs, and improve customer service.
Thus, E-Commerce might be a major area for research thanks to its novelty and
exploding growth. Extensive research in E-Commerce implementation studies
indicates that the definition of implementation has been argued and confusing
for researchers. Development of E-commerce is done by B2B and B2C and help
the customer to fulfill the requirement.

Dasgupta and Sengupta,

paper on E-Commerce in Indian insurance industry discusses the features of E-


insurance in comparison with the traditional offline insurance service. The
authors put forth that e-insurance offers benefits such as reduction in search cost
and hidden cost, price comparison for customers, and benefits such as
opportunity to have niche market, first mover advantage and product bundling
for insurance companies going online. Further, it discusses that status of E-
insurance in India is still formative stage, but stands to gain particularly from
the rural markets since the availability of insurance agent is very less compared
to urban markets. The study is conceptual in nature and offers insights based on
market reports and data from secondary sources

Vishwasrao and Bosshardt,

used a theoretical framework developed by Katz and Shapiro (1987) to examine


the ongoing technology adoption behavior of foreign owned and domestic firms.
Firm level data on 1400 medium to large Indian firms from 1989 to 1993 was
used to test the model. Probity and Poisson estimation was used to analyze the
data and model. Variables included in the study are no. of collaboration, nature
of collaboration foreign or otherwise, firm age, total assets, total sales, net profit,
Herfindahl index, R&D expenditures by industry as percentage of sales. Results
of the study throw some interesting light on technology adoption behavior of

Gramin Technical and Management Campus, Nanded Page | 4


LocalMart 2021-22

foreign firms. In general, it shows that liberalization happened in India after


1991 has positive impact on technology adoption, but it is found that foreign
firms are quick to take advantage than domestic firms. R&D expenditure is
found to be not significant for technology adoption, firm size (large firms are
more likely to adopt) and age of firm are found to be significant. Also it is found
that foreign firms adopt new technology when profits are down, and doesn't
adopt technology in competitive markets

Lal studied,

the determinants of adoption of Information Technology (IT) in India. The study


was based on 59 electrical and electronic goods manufacturing firms situated in
NOIDA. Semi-structured questionnaire were used to collect the data. The study
examined the factors influencing the degree of IT adoption by firms. The factors
included are entrepreneur characteristics measured by entrepreneur's
qualification, importance given to market share, R&D and quality
consciousness, firm's international orientation factors measured by import and
export intensity, work force skill and firm size. The sample firms were divided
into four categories depending on their intensity of IT use, these are:

(1) Non-IT firms (firms that do not use IT tools);

(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,

compared India and China's approaches in adoption of E-business. Based on the


literature survey and secondary data, the study analyzed various factors
influencing the growth of e-businesses in the two countries. The factors
examined include government policy and focus, existing technology.
infrastructure regulatory environment, experience and understanding of
business operations, and culture, among others. The study concludes that China
appears to be ahead of India in the infrastructure, but India is ahead in E-
readiness. Further, it states that both countries are poised for rapidly increasing
E-business, however. problems of poverty and inequality between urban and

Gramin Technical and Management Campus, Nanded Page | 5


LocalMart 2021-22

rural connectivity must be resolved to really take advantage of E-business in


both the countries.

Malhotra and Singh,

studied the determinants of Internet banking adoption by banks in India. Panel


data of 88 banks in India covering the financial years 1997 1998 to 2004-2005
was collected through CMIE (Centre for Monitoring Indian Economy) database.
Logistic regression analysis was used, the dependent. variable is categorical
with a value of 1 if a bank adopted Internet banking during the study period and
0 otherwise. Independent variables included in the study are firm size, firm age,
bank deposits ratio, average wages, expenses (fixed assets & premises), ROA
(ratio of average net profits to average assets), market share. average number of
branches, percentage of banks adopted Internet banking. The results of the study
prove that Bank type (Private), firm size, bank deposits ratio, firm age, market
share, average number of branches, percentage of banks adopted Internet
banking and expenses, are found to be significant in adoption decision. Wage
and ROA are found to be insignificant. This study contributes to the empirical
literature on diffusion of financial innovations, particularly Internet banking in
Indian context. Most of the study on adoption of technology was related to
developed markets like US and Europe, this study is an important contribution
to evolving literature as it dealt the problem of technology adoption in
developing country context.

Another study by Tarafdar and Vaidya,

analyses organizational and strategic imperatives that influence Information


System (IS) assimilation in Indian organizations. IS assimilation here refers to
the extent to which a system or technology becomes diffused in organizational
processes. The study is based on multiple case study method. Data on nine firms
which have deployed IS was collected through face to face structured interview
involving middle managers, senior managers of IS and other departments. The
study examines the nature of the system present-data processing/transaction
oriented, operational, strategic and how these systems affected key operational
processes. Strategic imperatives are examined by analysing the environmental
factors presence or absence of government regulation, pressure from customers,

Gramin Technical and Management Campus, Nanded Page | 6


LocalMart 2021-22

suppliers and competitors, and strategic stancewhether product and process


changes, and the consequent IS deployment were proactive or reactive
Organizational imperatives were investigated by qualitatively assessing six
factors- top management support; IS department knowledge of business,
technology and involvement in IS deployment, IT literacy of managers,
management style: presence of IT champions and availability of IT resources.
Data was analyzed across-case and within-case. The study identifies three
categories of organizations-innovative IS users, enlightened IS users and
reluctant IS users with respect to IS assimilation, and describes strategic and
organizational factors characteristics of each group. The study also traces the
evolution of the IS application portfolio in each of the studied firms and analyses
accompanying changes in strategic and organization factors. In short, the paper
presents an integrated and first level analysis of strategic and organizational
imperatives that have influenced the assimilation and evolution of IS in Indian
organizations.

Viswanathan and Pick examined the issue of e-commerce in India and


Mexico,

from the framework of developing countries as suggested by Tallon and


Kraemer. The framework included critical factors that might impact the
diffusion of e commerce. The factors are government policy, legal framework,
technology infrastructure, relationship with developed economies and extent of
e-commerce usage by individual, corporate and government. The study's
primary focus is on India. Mexico is analyzed more briefly, and compared with
India based on common international datasets. The analysis and the data
presented in this paper represent a synthesis of data from secondary research
and data from interviews conducted with senior executives in the IT industry in
India and Mexico. The study suggests that substantial efforts have to be made
to invest in telecommunications infrastructure, and to create a culture of
electronic payments and ecommerce usage that will support economic growth.

Gramin Technical and Management Campus, Nanded Page | 7


LocalMart 2021-22

2.2 Market Study:

Gramin Technical and Management Campus, Nanded Page | 8


LocalMart 2021-22

Gramin Technical and Management Campus, Nanded Page | 9


LocalMart 2021-22

Gramin Technical and Management Campus, Nanded Page | 10


LocalMart 2021-22

Gramin Technical and Management Campus, Nanded Page | 11


LocalMart 2021-22

Gramin Technical and Management Campus, Nanded Page | 12


LocalMart 2021-22

2.3 Problem Definition:


1. Get a better price

2. User interface

3. Man services Without bots

4. Fast delivery

5. Gift pack is available

6. Guaranteed product

7. Less delivery charges

8. Original view of product

9. Secure24/7 help services

Gramin Technical and Management Campus, Nanded Page | 13


LocalMart 2021-22

Chapter 3: Scope of Project


The potential for E-Commerce development is enormous. Now a days one can
buy products online through some sites like Flipkart and Amazon. In the age of
E-Commerce everything from gym equipment to laptops are available online.
E-Commerce is a super set of business cases. It includes E-trading, E-
Franchising, E-Mailing, E-Engineering etc.

Scope of E-Commerce can be enumerated as follows:


1. Exchange of digitized information
2. Technology-enabled
3. Customers retention
4. Accounting
5. Supplier integration
6. Support the exchange

1. Exchange of digitized information: The digitized information exchange can


represent communications between two parties, coordination of the flow of
goods and service, or transmission of electronic orders. These exchange can be
between organizations or individuals.

2.Technology-enabled: E-Commerce is about technology-enabled


transactions. Web browsers are perhaps the best Know of these technology-
enabled customer interfaces. However, other interfaces including automated
teller machines (ATMs) also fall in the general category of E-Commerce.
Business once managed transactions with customers and markets strictly
through human interaction; In E-Commerce, such transitions can be managed
using technology.

3. Customers retention: E-Commerce enables organizations to get


classified and customized market information that helps in retaining customers
through fast order fulfillment and effective customers relationship
management (CRM). End-to-End supply chain management in E-Commerce

Gramin Technical and Management Campus, Nanded Page | 14


LocalMart 2021-22

provides the opportunity the overall flow of demand and supply and results in
fruitful customers retention.

4. Accounting: Financial accounting, treasury management and asset


management are best possible in e-commerce because of integrated database.
Financial planning and strategy determination become more convenient in e-
commerce.

5. Supplier integration: For lowering inventory-carrying costs and broader


availability of material and opportunities suppliers network can be integrated
through EDI to implement just-in-time (JIT) inventory management.

6. Support the exchange: E-Commerce includes intra and interorganizational


activities that support the exchange. The scope of E-Commerce includes all
electronically based intra and interorganizational activities that directly or
indirectly support marketplace exchange. In this sense, we are talking about a
phenomenon that affects both How business organizations relate to external
parties customers, suppliers, partners, competitors, and markets and how they
operate internally in managing activities, processes and systems.

Gramin Technical and Management Campus, Nanded Page | 15


LocalMart 2021-22

Chapter 4: Technology Used


4.1 HTML (Hypertext Markup Language)
graphs, images, videos, and many other types of data. Front-end developers use
the HTML element to specify what kind of information each item on a webpage
contains — for instance, the “p” HTML element indicates a paragraph.
Developers also write HTML language code to specify how different items
relate to one another in the page’s overall structure or document structure.

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.

4.2 CSS (Cascading Style Sheets)


Solves a big problem

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

Saves a lot of time

CSS style definitions are saved in external CSS files, so it is possible to change
the entire website by changing just one file.

Provide more attributes

CSS provides more detailed attributes than plain HTML to define the look and
feel of the website.

Pages load faster

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.

Easier Website maintenance

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.

Multiple device compatibility

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.

Gramin Technical and Management Campus, Nanded Page | 17


LocalMart 2021-22

4.3 PHP (Hypertext Preprocessor)


1. Platform Independent: PHP is supported by mostly all the operating. systems
like Windows, Unix, Linux, etc. Advanced PHP applications can be easily
deployed on any platform. It can be integrated with other applications and data
quickly, and there is no need for rebuilding. It saves a lot of effort and expenses.

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.

4. Free Availability: PHP is an open-source web language, that is why it is


completely free. There is no cost involved in purchasing expensive licenses or
software. It can work efficiently with different databases, such as Apache,
MySQL, and PostgreSQL. The cost of building a website using PHP is small.

5. Database: PHP is easily linked to the database and makes communication


secure with data. It has in-built modules which can be connected to the database
easily. PHP and its database connection solve the purpose of developing web
applications. Reduce the time to connect to the data management system. Many
details can be integrated with PHP.

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.

Gramin Technical and Management Campus, Nanded Page | 18


LocalMart 2021-22

7. Gives Web Developer More Control: Compared to other languages, PHP


allows the website builder to have more control. Long, complex documents
override some. programming languages, but this is not the case for PHP.
Some simple lines of code are enough. Also, PHP allows tags and, thus, website
builders can add and mix HTML tags, making the content more authoritative.
Developers do not have to worry about putting codes in the right place when
using PHP, as written between tags. Therefore, functions and systems do not
need to be written in any particular order, as long as they are marked.

8. Easy integration and consistency: PHP is compatible with most applications.


It can smoothly run on different platforms, including UNIX, Solaris, and Linux.
Since it can be integrated without effort and other technologies, such as Java,
existing software does not need to be upgraded. This saves time and money.

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

Gramin Technical and Management Campus, Nanded Page | 19


LocalMart 2021-22

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.

5. Compiler-free programming: Traditional coding uses a compiler. A browser


uses a compiler to translate raw code into readable syntax. This takes time and
increases the load time of the page. It also increases the amount of time your site
will be in development. On the other hand, browsers can natively read
JavaScript. They can translate it the same way they do HTML. A compiler isn’t
needed to make it readable.

4.5 PHP MyAdmin:

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

Gramin Technical and Management Campus, Nanded Page | 20


LocalMart 2021-22

12. Check referential integrity in MyISAM tables


13. Using Query-by-example (QBE), create complex queries automatically
connecting required tables
14. Create PDF graphics of your database layout
15. Search globally in a database or a subset of it
16. Transform stored data into any format using a set of predefined functions, like
displaying BLOB-data as image or download-link
17. Track changes on databases, tables and views
18. Support InnoDB tables and foreign keys
19. Support mysqli, the improved MySQL extension see 1.17 Which Database
versions does phpMyAdmin support?
20. Create, edit, call, export and drop stored procedures and functions
21. Create, edit, export and drop events and triggers
22. Communicate in 80 different languages

4.6 Apache server

1. Handling of static files


2. Loadable dynamic modules
3. Auto-indexing
4. .htaccess
5. Compatible with IPv6
6. Supports HTTP/2
7. FTP connections
8. Gzip compression and decompression
9. Bandwidth throttling
10. Perl, PHP, Lua scripts
11. Load balancing
12. Session tracking
13. URL rewriting
14. Geolocation based on IP address

Gramin Technical and Management Campus, Nanded Page | 21


LocalMart 2021-22

4.7 MYSQL database

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.8 Asbab- HTML Template

1. Valid HTML5 & CSS3


2. Neat, clean and simple design
3. Responsive Layout
4. BootStrap 4
5. 12+ HTML Pages
6. 3+ Home Versions
7. Free Font
8. Font-Awesome
9. Creative and Modern Flat Design, lots of possibilities
10. Fully compatible for all major browsers such as Firefox, Safari, Chrome,
Vivaldi, Internet Explorer 9+
11. Dynamic Contact form
12. Well Documented
13. and much more

Gramin Technical and Management Campus, Nanded Page | 22


LocalMart 2021-22

4.9 Bootstrap

1. Easy to Begin With

It is pretty easy, to begin with. Being easy to get started with is probably the first
quality which makes Bootstrap very appealing.

2. LESS as Well as CSS Files

Bootstrap not only offers LESS files but also includes the old CSS files.

3. Easily Customizable

Despite the fact that Bootstrap is designed in responsive 12-column grids,


layouts, and components, it is also very easy to customize. Whether you need a
fixed grid or a responsive one, it can be made possible by making a few changes.
Offsetting and nesting of columns are also easy to do in both CPU-based and
mobile-based browser grids.

4. Responsive Utility Classes

Another prominent feature of Bootstrap is its responsive utility classes. Using


responsive utility classes, a particular piece of content can be made to appear or
hide only on devices depending on the size of the screen being used. This feature
is extremely helpful for designers who want to make a mobile and tablet-friendly
version of their websites.

5. Components of Bootstrap

Some of the components that come pre-styled in Bootstrap are:

• Drop-downs
• Button
• Navigation
• Badges Alerts
• Progress Bar

Gramin Technical and Management Campus, Nanded Page | 23


LocalMart 2021-22

6. Drop-Down Component Menu

The drop-down component menu is a responsive additive feature of a website.


To include it in a website, a lot of different plugins, mostly Java-based, are
tested. But, via Bootstrap and its easy customizing options, this can easily be
done in a matter of minutes

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.

Gramin Technical and Management Campus, Nanded Page | 24


LocalMart 2021-22

Chapter 5: Details of designs, working, process


5.1 Workflow Diagram

Fig.5.1 Work Flow Diagram

Gramin Technical and Management Campus, Nanded Page | 25


LocalMart 2021-22

5.2 Use Case Diagram

Fig.5.1 Use Case Diagram

Gramin Technical and Management Campus, Nanded Page | 26


LocalMart 2021-22

5.3 Activity Diagram

Fig. 5.3 Activity Diagram

Gramin Technical and Management Campus, Nanded Page | 27


LocalMart 2021-22

5.4 Sequence Diagram

Fig. 5.4 Sequence Diagram

Gramin Technical and Management Campus, Nanded Page | 28


LocalMart 2021-22

5.5 Data Flow Diagram

Fig. 5.5 Data Flow Diagram

Gramin Technical and Management Campus, Nanded Page | 29


LocalMart 2021-22

Chapter 6: Source Code


6.1 index.php:

<?php

include "header.php";

include "body.php";

#include "newslettter.php";

include "footer.php";

?>

Gramin Technical and Management Campus, Nanded Page | 30


LocalMart 2021-22

6.2 header.php:

<?php

session_start();

?>

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8">

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

<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- The above 3 meta tags *must* come first in the head; any other head content
must come *after* these tags -->

<title>LocalMart</title>

<!-- Google font -->

<link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,700"
rel="stylesheet">

<!-- Bootstrap -->

<link type="text/css" rel="stylesheet" href="css/bootstrap.min.css"/>

<!-- Slick -->

<link type="text/css" rel="stylesheet" href="css/slick.css"/>

<link type="text/css" rel="stylesheet" href="css/slick-theme.css"/>

<!-- nouislider -->

<link type="text/css" rel="stylesheet" href="css/nouislider.min.css"/>

Gramin Technical and Management Campus, Nanded Page | 31


LocalMart 2021-22

<!-- Font Awesome Icon -->

<link rel="stylesheet" href="css/font-awesome.min.css">

<!-- Custom stlylesheet -->

<link type="text/css" rel="stylesheet" href="css/style.css"/>

<link type="text/css" rel="stylesheet" href="css/accountbtn.css"/>

<!-- 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 {

background: #FF4E50; /* fallback for old browsers */

background: -webkit-linear-gradient(to right, #F9D423, #FF4E50); /* Chrome


10-25, Safari 5.1-6 */

background: linear-gradient(to right, #F9D423, #FF4E50); /* W3C, IE 10+/


Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

#header {

background: #780206; /* fallback for old browsers */

Gramin Technical and Management Campus, Nanded Page | 32


LocalMart 2021-22

background: -webkit-linear-gradient(to right, #061161, #780206); /* Chrome


10-25, Safari 5.1-6 */

background: linear-gradient(to right, #061161, #780206); /* W3C, IE 10+/


Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

#top-header {

background: #870000; /* fallback for old browsers */

background: -webkit-linear-gradient(to right, #190A05, #870000); /* Chrome


10-25, Safari 5.1-6 */

background: linear-gradient(to right, #190A05, #870000); /* W3C, IE 10+/


Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

#footer {

background: #7474BF; /* fallback for old browsers */

background: -webkit-linear-gradient(to right, #348AC7, #7474BF); /* Chrome


10-25, Safari 5.1-6 */

background: linear-gradient(to right, #348AC7, #7474BF); /* W3C, IE 10+/


Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

color: #1E1F29;

#bottom-footer {

background: #7474BF; /* fallback for old browsers */

background: -webkit-linear-gradient(to right, #348AC7, #7474BF); /* Chrome


10-25, Safari 5.1-6 */

Gramin Technical and Management Campus, Nanded Page | 33


LocalMart 2021-22

background: linear-gradient(to right, #348AC7, #7474BF); /* W3C, IE 10+/


Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

.footer-links li a {

color: #1E1F29;

.mainn-raised {

margin: -7px 0px 0px;

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: normal normal normal 14px/1 FontAwesome;

font-size: inherit;

text-rendering: auto;

-webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

.glyphicon-chevron-left:before{

content:"\f053"

Gramin Technical and Management Campus, Nanded Page | 34


LocalMart 2021-22

.glyphicon-chevron-right:before{

content:"\f054"

</style>

</head>

<body>

<!-- HEADER -->

<header>

<!-- TOP HEADER -->

<div id="top-header">

<div class="container">

<ul class="header-links pull-left">

<li><a href="#"><i class="fa fa-phone"></i> +91-9000000000</a></li>

<li><a href="#"><i class="fa fa-envelope-o"></i>


ecommercesite33@gmail.com</a></li>

<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>

<ul class="header-links pull-right">

<li><a href="#"><i class="fa fa-envelope-o"></i> email</a></li>

Gramin Technical and Management Campus, Nanded Page | 35


LocalMart 2021-22

<li><?php

include "db.php";

if(isset($_SESSION["uid"])){

$sql = "SELECT first_name FROM user_info WHERE


user_id='$_SESSION[uid]'";

$query = mysqli_query($con,$sql);

$row=mysqli_fetch_array($query);

echo '

<div class="dropdownn">

<a href="#" class="dropdownn" data-toggle="modal" data-target="#myModal"


><i class="fa fa-user-o"></i> HI '.$row["first_name"].'</a>

<div class="dropdownn-content">

<a href="" data-toggle="modal" data-target="#profile"><i class="fa fa-user-


circle" aria-hidden="true" ></i>My Profile</a>

<a href="logout.php" ><i class="fa fa-sign-in" aria-hidden="true"></i>Log


out</a>

</div>

</div>';

}else{

echo '

<div class="dropdownn">

<a href="#" class="dropdownn" data-toggle="modal" data-target="#myModal"


><i class="fa fa-user-o"></i> My Account</a>

<div class="dropdownn-content">

Gramin Technical and Management Campus, Nanded Page | 36


LocalMart 2021-22

<a href="" data-toggle="modal" data-target="#Modal_login"><i class="fa fa-


sign-in" aria-hidden="true" ></i>Login</a>

<a href="" data-toggle="modal" data-target="#Modal_register"><i class="fa


fa-user-plus" aria-hidden="true"></i>Register</a>

</div>

</div>';

?>

</li>

</ul>

</div>

</div>

<!-- /TOP HEADER -->

<!-- MAIN HEADER -->

<div id="header">

<!-- container -->

<div class="container">

<!-- row -->

<div class="row">

<!-- LOGO -->

<div class="col-md-3">

<div class="header-logo">

<a href="index.php" class="logo">

Gramin Technical and Management Campus, Nanded Page | 37


LocalMart 2021-22

<font style="font-style:normal; font-size: 33px;color: aliceblue;font-family:


serif">

LocalMart </font>

</a>

</div>

</div>

<!-- /LOGO -->

<!-- SEARCH BAR -->

<div class="col-md-6">

<div class="header-search">

<form>

<select class="input-select">

<option value="0">All Categories</option>

<option value="1">Men</option>

<option value="1">Women </option>

</select>

<input class="input" id="search" type="text" placeholder="Search here">

<button type="submit" id="search_btn" class="search-btn">Search</button>

</form>

</div>

</div>

<!-- /SEARCH BAR -->

<!-- ACCOUNT -->

Gramin Technical and Management Campus, Nanded Page | 38


LocalMart 2021-22

<div class="col-md-3 clearfix">

<div class="header-ctn">

<!-- Wishlist -->

<!--<div>

<a href="#">

<i class="fa fa-github"></i>

<span>Github</span>

</a>

</div>-->

<!-- /Wishlist -->

<!-- Cart -->

<div class="dropdown">

<a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="true">

<i class="fa fa-shopping-cart"></i>

<span>Your Cart</span>

<div class="badge qty">0</div>

</a>

<div class="cart-dropdown" >

<div class="cart-list" id="cart_product">

</div>

<div class="cart-btns">

<a href="cart.php" style="width:100%;"><i class="fa fa-edit"></i> edit


cart</a>

Gramin Technical and Management Campus, Nanded Page | 39


LocalMart 2021-22

</div>

</div>

</div>

<!-- /Cart -->

<!-- Menu Toogle -->

<div class="menu-toggle">

<a href="#">

<i class="fa fa-bars"></i>

<span>Menu</span>

</a>

</div>

<!-- /Menu Toogle -->

</div>

</div>

<!-- /ACCOUNT -->

</div>

<!-- row -->

</div>

<!-- container -->

</div>

<!-- /MAIN HEADER -->

</header>

<!-- /HEADER -->

Gramin Technical and Management Campus, Nanded Page | 40


LocalMart 2021-22

<nav id='navigation'>

<!-- container -->

<div class="container" id="get_category_home">

</div>

<!-- responsive-nav -->

<!-- /container -->

</nav>

<!-- NAVIGATION -->

<div class="modal fade" id="Modal_login" role="dialog">

<div class="modal-dialog">

<!-- Modal content-->

<div class="modal-content">

<div class="modal-header">

<button type="button" class="close" data-dismiss="modal">&times;</button>

</div>

<div class="modal-body">

<?php

include "login_form.php";

?>

</div>

</div>

</div>

</div>

Gramin Technical and Management Campus, Nanded Page | 41


LocalMart 2021-22

<div class="modal fade" id="Modal_register" role="dialog">

<div class="modal-dialog" style="">

<!-- Modal content-->

<div class="modal-content">

<div class="modal-header">

<button type="button" class="close" data-dismiss="modal">&times;</button>

</div>

<div class="modal-body">

<?php

include "register_form.php";

?>

</div>

</div>

</div>

</div>

Gramin Technical and Management Campus, Nanded Page | 42


LocalMart 2021-22

6.3 footer.php:

<footer id="footer">

<!-- top footer -->

<div class="section">

<!-- container -->

<div class="container">

<!-- row -->

<div class="row">

<div class="col-md-3 col-xs-6">

<div class="footer">

<h3 class="footer-title">About Us</h3>

<p>We are the Student of Gramin Polytechnic and Management Campus


Nanded</p>

<ul class="footer-links">

<li><a href="#"><i class="fa fa-map-marker"></i>vishnupuri,nanded-


431606</a></li>

<li><a href="#"><i class="fa fa-phone"></i>+91-9112430021</a></li>

<li><a href="#"><i class="fa fa-phone"></i>+91-9356085097</a></li>

<li><a href="#"><i class="fa fa-phone"></i>+91-9322825714</a></li>

<li><a href="#"><i class="fa fa-envelope-


o"></i>nikhilkandhare22@gmail.com</a></li>

<li><a href="#"><i class="fa fa-envelope-


o"></i>shantanushinde66@gmail.com</a></li>

Gramin Technical and Management Campus, Nanded Page | 43


LocalMart 2021-22

<li><a href="#"><i class="fa fa-envelope-


o"></i>shubham3095@gmail.com</a></li>

</ul>

</div>

</div>

<div class="col-md-6 text-center" style="margin-top:80px;">

<ul class="footer-payments">

<li><a href="#"><i class="fa fa-cc-visa"></i></a></li>

<li><a href="#"><i class="fa fa-credit-card"></i></a></li>

<li><a href="#"><i class="fa fa-cc-paypal"></i></a></li>

<li><a href="#"><i class="fa fa-cc-mastercard"></i></a></li>

<li><a href="#"><i class="fa fa-cc-discover"></i></a></li>

<li><a href="#"><i class="fa fa-cc-amex"></i></a></li>

</ul>

<span class="copyright">

<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY


3.0. -->

Copyright &copy;<script>document.write(new Date().getFullYear());</script>


All rights reserved | This template is made with <i class="fa fa-heart-o" aria-
hidden="true"></i> by <a href="#" target="_blank">GTMC Student</a>

<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY


3.0. -->

</span>

</div>

Gramin Technical and Management Campus, Nanded Page | 44


LocalMart 2021-22

<div class="col-md-3 col-xs-6">

<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 class="clearfix visible-xs"></div>

</div>

<!-- /row -->

</div>

<!-- /container -->

</div>

<!-- /top footer -->

<!-- bottom footer -->

<!-- /bottom footer -->

</footer>

<script src="js/jquery.min.js"></script>

Gramin Technical and Management Campus, Nanded Page | 45


LocalMart 2021-22

<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/jquery.payform.min.js" charset="utf-8"></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";

document.querySelector('.cont_icon_trg').className = "cont_icon_trg active";

c++;

}else{

document.querySelector('.cont_drobpdown_menu').className =
"cont_drobpdown_menu disable";

document.querySelector('.cont_icon_trg').className = "cont_icon_trg
disable";

c++;

Gramin Technical and Management Campus, Nanded Page | 46


LocalMart 2021-22

</script>

<script type="text/javascript">

$('.block2-btn-addcart').each(function(){

var nameProduct = $(this).parent().parent().parent().find('.block2-


name').html();

$(this).on('click', function(){

swal(nameProduct, "is added to cart !", "success");

});

});

$('.block2-btn-addwishlist').each(function(){

var nameProduct = $(this).parent().parent().parent().find('.block2-


name').html();

$(this).on('click', function(){

swal(nameProduct, "is added to wishlist !", "success");

});

});

</script>

Gramin Technical and Management Campus, Nanded Page | 47


LocalMart 2021-22

6.4 product.php:

<?php

include "header.php";

?>

<!-- /BREADCRUMB -->

<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) {

if(typeof (global) === "undefined")

throw new Error("window is undefined");

var _hash = "!";

var noBackPlease = function () {

global.location.href += "#";

// making sure we have the fruit available for juice....

Gramin Technical and Management Campus, Nanded Page | 48


LocalMart 2021-22

// 50 milliseconds for just once do not cost much (^__^)

global.setTimeout(function () {

global.location.href += "!";

}, 50);

};

// Earlier we had setInerval here....

global.onhashchange = function () {

if (global.location.hash !== _hash) {

global.location.hash = _hash;

};

global.onload = function () {

noBackPlease();

// disables backspace on page except on input fields and textarea..

document.body.onkeydown = function (e) {

var elm = e.target.nodeName.toLowerCase();

if (e.which === 8 && (elm !== 'input' && elm !== 'textarea')) {

e.preventDefault();

// stopping event bubbling up the DOM tree..

e.stopPropagation();

};

};

Gramin Technical and Management Campus, Nanded Page | 49


LocalMart 2021-22

})(window);

</script>

<!-- SECTION -->

<div class="section main main-raised">

<!-- container -->

<div class="container">

<!-- row -->

<div class="row">

<!-- Product main img -->

<?php

include ('db.php');

$product_id = $_GET['p'];

$sql = " SELECT * FROM products ";

$sql = " SELECT * FROM products WHERE product_id = $product_id";

if (!$con) {

die("Connection failed: " . mysqli_connect_error());

$result = mysqli_query($con, $sql);

if (mysqli_num_rows($result) > 0)

while($row = mysqli_fetch_assoc($result))

echo '

Gramin Technical and Management Campus, Nanded Page | 50


LocalMart 2021-22

<div class="col-md-5 col-md-push-2">

<div id="product-main-img">

<div class="product-preview">

<img src="product_images/'.$row['product_image'].'" alt="">

</div>

<div class="product-preview">

<img src="product_images/'.$row['product_image'].'" alt="">

</div>

<div class="product-preview">

<img src="product_images/'.$row['product_image'].'" alt="">

</div>

<div class="product-preview">

<img src="product_images/'.$row['product_image'].'" alt="">

</div>

</div>

</div>

<div class="col-md-2 col-md-pull-5">

<div id="product-imgs">

<div class="product-preview">

<img src="product_images/'.$row['product_image'].'" alt="">

</div>

<div class="product-preview">

<img src="product_images/'.$row['product_image'].'" alt="">

Gramin Technical and Management Campus, Nanded Page | 51


LocalMart 2021-22

</div>

<div class="product-preview">

<img src="product_images/'.$row['product_image'].'g" alt="">

</div>

<div class="product-preview">

<img src="product_images/'.$row['product_image'].'" alt="">

</div>

</div>

</div>

';

?>

<!-- FlexSlider -->

<?php

echo '

<div class="col-md-5">

<div class="product-details">

<h2 class="product-name">'.$row['product_title'].'</h2>

<div>

<div class="product-rating">

<i class="fa fa-star"></i>

<i class="fa fa-star"></i>

<i class="fa fa-star"></i>

<i class="fa fa-star"></i>

Gramin Technical and Management Campus, Nanded Page | 52


LocalMart 2021-22

<i class="fa fa-star-o"></i>

</div>

<a class="review-link" href="#review-form">10 Review(s) | Add your


review</a>

</div>

<div>

<h3 class="product-price">$'.$row['product_price'].'<del class="product-old-


price">$990.00</del></h3>

<span class="product-available">In Stock</span>

</div>

<p>'.$row['product_desc'].'</p>

<div class="add-to-cart">

<div class="qty-label">

<div class="input-number">

<input type="number" value="qty" name="qty" placeholder="Qty">

<span class="qty-up">+</span>

<span class="qty-down">-</span>

</div>

</div>

<div class="btn-group" style="margin-left: 25px; margin-top: 15px">

<button class="add-to-cart-btn" pid="'.$row['product_id'].'" id="product" ><i


class="fa fa-shopping-cart"></i> add to cart</button>

</div>

</div>

Gramin Technical and Management Campus, Nanded Page | 53


LocalMart 2021-22

<ul class="product-btns">

<li><a href="#"><i class="fa fa-heart-o"></i> add to wishlist</a></li>

<li><a href="#"><i class="fa fa-exchange"></i> add to compare</a></li>

</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>

<li><a href="#"><i class="fa fa-facebook"></i></a></li>

<li><a href="#"><i class="fa fa-twitter"></i></a></li>

<li><a href="#"><i class="fa fa-google-plus"></i></a></li>

<li><a href="#"><i class="fa fa-envelope"></i></a></li>

</ul>

</div>

</div>

<!-- /Product main img -->

<!-- Product thumb imgs -->

<!-- /Product thumb imgs -->

<!-- Product details -->

<!-- /Product details -->

Gramin Technical and Management Campus, Nanded Page | 54


LocalMart 2021-22

<!-- Product tab -->

<div class="col-md-12">

<div id="product-tab">

<!-- product tab nav -->

<ul class="tab-nav">

<li class="active"><a data-toggle="tab" href="#tab1">Description</a></li>

<li><a data-toggle="tab" href="#tab2">Details</a></li>

<li><a data-toggle="tab" href="#tab3">Reviews (3)</a></li>

</ul>

<!-- /product tab nav -->

<!-- product tab content -->

<div class="tab-content">

<!-- tab1 -->

<div id="tab1" class="tab-pane fade in active">

<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>

Gramin Technical and Management Campus, Nanded Page | 55


LocalMart 2021-22

</div>

<!-- /tab1 -->

<!-- tab2 -->

<div id="tab2" class="tab-pane fade in">

<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>

<!-- /tab2 -->

<!-- tab3 -->

<div id="tab3" class="tab-pane fade in">

<div class="row">

<!-- Rating -->

<div class="col-md-3">

<div id="rating">

<div class="rating-avg">

<span>4.5</span>

Gramin Technical and Management Campus, Nanded Page | 56


LocalMart 2021-22

<div class="rating-stars">

<i class="fa fa-star"></i>

<i class="fa fa-star"></i>

<i class="fa fa-star"></i>

<i class="fa fa-star"></i>

<i class="fa fa-star-o"></i>

</div>

</div>

<ul class="rating">

<li>

<div class="rating-stars">

<i class="fa fa-star"></i>

<i class="fa fa-star"></i>

<i class="fa fa-star"></i>

<i class="fa fa-star"></i>

<i class="fa fa-star"></i>

</div>

<div class="rating-progress">

<div style="width: 80%;"></div>

</div>

<span class="sum">3</span>

</li>

<li>

Gramin Technical and Management Campus, Nanded Page | 57


LocalMart 2021-22

<div class="rating-stars">

<i class="fa fa-star"></i>

<i class="fa fa-star"></i>

<i class="fa fa-star"></i>

<i class="fa fa-star"></i>

<i class="fa fa-star-o"></i>

</div>

<div class="rating-progress">

<div style="width: 60%;"></div>

</div>

<span class="sum">2</span>

</li>

<li>

<div class="rating-stars">

<i class="fa fa-star"></i>

<i class="fa fa-star"></i>

<i class="fa fa-star"></i>

<i class="fa fa-star-o"></i>

<i class="fa fa-star-o"></i>

</div>

<div class="rating-progress">

<div></div>

</div>

Gramin Technical and Management Campus, Nanded Page | 58


LocalMart 2021-22

<span class="sum">0</span>

</li>

<li>

<div class="rating-stars">

<i class="fa fa-star"></i>

<i class="fa fa-star"></i>

<i class="fa fa-star-o"></i>

<i class="fa fa-star-o"></i>

<i class="fa fa-star-o"></i>

</div>

<div class="rating-progress">

<div></div>

</div>

<span class="sum">0</span>

</li>

<li>

<div class="rating-stars">

<i class="fa fa-star"></i>

<i class="fa fa-star-o"></i>

<i class="fa fa-star-o"></i>

<i class="fa fa-star-o"></i>

<i class="fa fa-star-o"></i>

</div>

Gramin Technical and Management Campus, Nanded Page | 59


LocalMart 2021-22

<div class="rating-progress">

<div></div>

</div>

<span class="sum">0</span>

</li>

</ul>

</div>

</div>

<!-- /Rating -->

<!-- Reviews -->

<div class="col-md-6">

<div id="reviews">

<ul class="reviews">

<li>

<div class="review-heading">

<h5 class="name">John</h5>

<p class="date">27 DEC 2018, 8:0 PM</p>

<div class="review-rating">

<i class="fa fa-star"></i>

<i class="fa fa-star"></i>

<i class="fa fa-star"></i>

<i class="fa fa-star"></i>

<i class="fa fa-star-o empty"></i>

Gramin Technical and Management Campus, Nanded Page | 60


LocalMart 2021-22

</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>

<p class="date">27 DEC 2018, 8:0 PM</p>

<div class="review-rating">

<i class="fa fa-star"></i>

<i class="fa fa-star"></i>

<i class="fa fa-star"></i>

<i class="fa fa-star"></i>

<i class="fa fa-star-o empty"></i>

</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>

Gramin Technical and Management Campus, Nanded Page | 61


LocalMart 2021-22

</li>

<li>

<div class="review-heading">

<h5 class="name">John</h5>

<p class="date">27 DEC 2018, 8:0 PM</p>

<div class="review-rating">

<i class="fa fa-star"></i>

<i class="fa fa-star"></i>

<i class="fa fa-star"></i>

<i class="fa fa-star"></i>

<i class="fa fa-star-o empty"></i>

</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>

Gramin Technical and Management Campus, Nanded Page | 62


LocalMart 2021-22

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

<li><a href="#"><i class="fa fa-angle-right"></i></a></li>

</ul>

</div>

</div>

<!-- /Reviews -->

<!-- Review Form -->

<div class="col-md-3 mainn">

<div id="review-form">

<form class="review-form">

<input class="input" type="text" placeholder="Your Name">

<input class="input" type="email" placeholder="Your Email">

<textarea class="input" placeholder="Your Review"></textarea>

<div class="input-rating">

<span>Your Rating: </span>

<div class="stars">

<input id="star5" name="rating" value="5" type="radio"><label


for="star5"></label>

<input id="star4" name="rating" value="4" type="radio"><label


for="star4"></label>

<input id="star3" name="rating" value="3" type="radio"><label


for="star3"></label>

<input id="star2" name="rating" value="2" type="radio"><label


for="star2"></label>

Gramin Technical and Management Campus, Nanded Page | 63


LocalMart 2021-22

<input id="star1" name="rating" value="1" type="radio"><label


for="star1"></label>

</div>

</div>

<button class="primary-btn">Submit</button>

</form>

</div>

</div>

<!-- /Review Form -->

</div>

</div>

<!-- /tab3 -->

</div>

<!-- /product tab content -->

</div>

</div>

<!-- /product tab -->

</div>

<!-- /row -->

</div>

<!-- /container -->

</div>

<!-- /SECTION -->

Gramin Technical and Management Campus, Nanded Page | 64


LocalMart 2021-22

<!-- Section -->

<div class="section main main-raised">

<!-- container -->

<div class="container">

<!-- row -->

<div class="row">

<div class="col-md-12">

<div class="section-title text-center">

<h3 class="title">Related Products</h3>

</div>

</div>

';

$_SESSION['product_id'] = $row['product_id'];

?>

<?php

include 'db.php';

$product_id = $_GET['p'];

$product_query = "SELECT * FROM products,categories WHERE


product_cat=cat_id AND product_id BETWEEN $product_id AND
$product_id+3";

$run_query = mysqli_query($con,$product_query);

Gramin Technical and Management Campus, Nanded Page | 65


LocalMart 2021-22

if(mysqli_num_rows($run_query) > 0){

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"];

echo "<div class='col-md-3 col-xs-6'>

<a href='product.php?p=$pro_id'><div class='product'>

<div class='product-img'>

<img src='product_images/$pro_image' style='max-height: 170px;' alt=''>

<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>

<h3 class='product-name header-cart-item-name'><a


href='product.php?p=$pro_id'>$pro_title</a></h3>

Gramin Technical and Management Campus, Nanded Page | 66


LocalMart 2021-22

<h4 class='product-price header-cart-item-info'>$pro_price<del class='product-


old-price'>$990.00</del></h4>

<div class='product-rating'>

<i class='fa fa-star'></i>

<i class='fa fa-star'></i>

<i class='fa fa-star'></i>

<i class='fa fa-star'></i>

<i class='fa fa-star'></i>

</div>

<div class='product-btns'>

<button class='add-to-wishlist'><i class='fa fa-heart-o'></i><span


class='tooltipp'>add to wishlist</span></button>

<button class='add-to-compare'><i class='fa fa-exchange'></i><span


class='tooltipp'>add to compare</span></button>

<button class='quick-view'><i class='fa fa-eye'></i><span


class='tooltipp'>quick view</span></button>

</div>

</div>

<div class='add-to-cart'>

<button pid='$pro_id' id='product' class='add-to-cart-btn block2-btn-towishlist'


href='#'><i class='fa fa-shopping-cart'></i> add to cart</button>

</div>

</div>

</div>

Gramin Technical and Management Campus, Nanded Page | 67


LocalMart 2021-22

";}

?>

<!-- product -->

<!-- /product -->

</div>

<!-- /row -->

</div>

<!-- /container -->

</div>

<!-- /Section -->

<!-- NEWSLETTER -->

<!-- /NEWSLETTER -->

<!-- FOOTER -->

<?php

#include "newslettter.php";

include "footer.php";

?>

Gramin Technical and Management Campus, Nanded Page | 68


LocalMart 2021-22

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";

?>

Gramin Technical and Management Campus, Nanded Page | 69


LocalMart 2021-22

6.6 store.php:

<?php

include 'header.php';

?>

<script id="jsbin-javascript">

(function (global) {

if(typeof (global) === "undefined")

throw new Error("window is undefined");

var _hash = "!";

var noBackPlease = function () {

global.location.href += "#";

// making sure we have the fruit available for juice....

// 50 milliseconds for just once do not cost much (^__^)

global.setTimeout(function () {

global.location.href += "!";

}, 50);

};

// Earlier we had setInerval here....

global.onhashchange = function () {

if (global.location.hash !== _hash) {

global.location.hash = _hash;

Gramin Technical and Management Campus, Nanded Page | 70


LocalMart 2021-22

};

global.onload = function () {

noBackPlease();

// disables backspace on page except on input fields and textarea..

document.body.onkeydown = function (e) {

var elm = e.target.nodeName.toLowerCase();

if (e.which === 8 && (elm !== 'input' && elm !== 'textarea')) {

e.preventDefault();

// stopping event bubbling up the DOM tree..

e.stopPropagation();

};

};

})(window);

</script>

<div class="main main-raised">

<div class="section">

<!-- container -->

<div class="container">

<!-- row -->

<div class="row">

<!-- ASIDE -->

Gramin Technical and Management Campus, Nanded Page | 71


LocalMart 2021-22

<div id="aside" class="col-md-3">

<!-- aside Widget -->

<div id="get_category">

</div>

<!-- /aside Widget -->

<!-- aside Widget -->

<div class="aside">

<h3 class="aside-title">Price</h3>

<div class="price-filter">

<div id="price-slider" class="noUi-target noUi-ltr noUi-horizontal"><div


class="noUi-base"><div class="noUi-origin" style="left: 0%;"><div
class="noUi-handle noUi-handle-lower" data-handle="0" tabindex="0"
role="slider" aria-orientation="horizontal" aria-valuemin="0.0" aria-
valuemax="100.0" aria-valuenow="0.0" aria-valuetext="1.00" style="z-index:
5;"></div></div><div class="noUi-connect" style="left: 0%; right:
0%;"></div><div class="noUi-origin" style="left: 100%;"><div class="noUi-
handle noUi-handle-upper" data-handle="1" tabindex="0" role="slider" aria-
orientation="horizontal" aria-valuemin="0.0" aria-valuemax="100.0" aria-
valuenow="100.0" aria-valuetext="999.00" style="z-index:
4;"></div></div></div></div>

<div class="input-number price-min">

<input id="price-min" type="number">

<span class="qty-up">+</span>

<span class="qty-down">-</span>

</div>

<span>-</span>

Gramin Technical and Management Campus, Nanded Page | 72


LocalMart 2021-22

<div class="input-number price-max">

<input id="price-max" type="number">

<span class="qty-up">+</span>

<span class="qty-down">-</span>

</div>

</div>

</div>

<!-- /aside Widget -->

<!-- aside Widget -->

<div id="get_brand">

</div>

<!-- /aside Widget -->

<!-- aside Widget -->

<div class="aside">

<h3 class="aside-title">Top selling</h3>

<div id="get_product_home">

<!-- product widget -->

<!-- product widget -->

</div>

</div>

<!-- /aside Widget -->

</div>

<!-- /ASIDE -->

Gramin Technical and Management Campus, Nanded Page | 73


LocalMart 2021-22

<!-- STORE -->

<div id="store" class="col-md-9">

<!-- store top filter -->

<div class="store-filter clearfix">

<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">

<li class="active"><i class="fa fa-th"></i></li>

<li><a href="active"><i class="fa fa-th-list"></i></a></li>

Gramin Technical and Management Campus, Nanded Page | 74


LocalMart 2021-22

</ul>

</div>

<!-- /store top filter -->

<!-- store products -->

<div class="row" id="product-row">

<div class="col-md-12 col-xs-12" id="product_msg">

</div>

<!-- product -->

<div id="get_product">

<!--Here we get product jquery Ajax Request-->

</div>

<!-- /product -->

</div>

<!-- /store products -->

<!-- store bottom filter -->

<div class="store-filter clearfix">

<span class="store-qty">Showing 20-100 products</span>

<ul class="store-pagination" id="pageno">

<li ><a class="active" href="#aside">1</a></li>

<li><a href="#"><i class="fa fa-angle-right"></i></a></li>

</ul>

</div>

<!-- /store bottom filter -->

Gramin Technical and Management Campus, Nanded Page | 75


LocalMart 2021-22

</div>

<!-- /STORE -->

</div>

<!-- /row -->

</div>

<!-- /container -->

</div>

</div>

<?php

#include "newslettter.php";

include "footer.php";

?>

Gramin Technical and Management Campus, Nanded Page | 76


LocalMart 2021-22

Chapter 7: Result & Application


7.1 Home Page

Fig. 7.1 Home Page

Gramin Technical and Management Campus, Nanded Page | 77


LocalMart 2021-22

7.2 Mens Collection

Fig. 7.2 Mens Collection

7.3 Cart

Fig. 7.3 Cart

Gramin Technical and Management Campus, Nanded Page | 78


LocalMart 2021-22

7.4 Register Page

Fig. 7.4 Register Page

7.5 Login Page

Fig. 7.5 Login Page

Gramin Technical and Management Campus, Nanded Page | 79


LocalMart 2021-22

7.6 Add Product Page

Fig. 7.6 Add Product Page

7.7 User Order

Fig. 7.7 User Order

Gramin Technical and Management Campus, Nanded Page | 80


LocalMart 2021-22

7.8 Order Page

Fig. 7.8 Order Page

7.9 Product List

Fig. 7.9 Product List

Gramin Technical and Management Campus, Nanded Page | 81


LocalMart 2021-22

7.10 Footer Section

Fig. 7.10 Footer Section

Gramin Technical and Management Campus, Nanded Page | 82


LocalMart 2021-22

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.

Gramin Technical and Management Campus, Nanded Page | 83


LocalMart 2021-22

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.

In 1996, less than 1 percent of consumers shopped online because it was a


fledgling industry that could only offer books, music, and videos to purchase.
Fast-forward to today and you’ll find a channel with an estimated 500 million
product SKUs available at any moment through thousands of storefronts
including traditional retailers’ websites plus marketplaces like eBay, Tic tail, or
Etsy. And the E-Commerce channel continues to grow at a rapid pace: E-
Commerce revenue reached $394 billion in 2013, up from just $2 billion in
1997.

Gramin Technical and Management Campus, Nanded Page | 84


LocalMart 2021-22

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/

Gramin Technical and Management Campus, Nanded Page | 85


LocalMart 2021-22

Bibliography

1. Dr. C. S. Rayudu, “E-commerce & E-Business.”HimalayaPublishing


House.

2. D.S. Yadhav, “Foundation of Information Technology.” NewAge


International Publishers, New Delhi.

3. Harari liat and Dalit Tzafrur: “ electronic commerce.”

4. B.Memoria,”Personnel management.” Himalaya publishing,1988.5)

5. Chatterjee N.N. “Management of principles in Indiaenterprises.”


Agency culcutta, 1980.

6. 6) C.B. Memoria: “Industrial organization,” Jain Brothers,Jodhpur,


1977.

7. Parag Diwan and Sunil sharma: “Electronic commerce Amanagers Gu


ide to E-Business” Vanity Books International, New Delhi.

8. Timmers. P. “Electronic commerce: Strategies and models forBusiness


to Business Trading” New Yark: John Wiley and sonsInc. 2000.

9. Devis and keith A : “Human behaviour at work : organization behavio


r” M.C. Grew Hill Publshing 1989.

10. 10) D. Amarchand, B. Varadharajan. “An Introduction tomarketing.”


Vikas publications, New Delhi, 1983.

Gramin Technical and Management Campus, Nanded Page | 86


LocalMart 2021-22

How to Run Our Project

Gramin Technical and Management Campus, Nanded Page | 87

You might also like