HAND E- CRAFT

A LIVE IN LAB REPORT

Submitted by

AJMAL K. (2001011)
AKSHAYA S. (2001014)
GAYATHRI S. (2001041)
HARINI AR. (2001049)
HARSHINI A. (2001052)
JAYAKIRUBA N. (2001058)

in partial fulfillment for the award of the degree

of

BACHELOR OF ENGINEERING

in

COMPUTER SCIENCE AND ENGINEERING

SRI RAMAKRISHNA ENGINEERING COLLEGE

[Educational Service: SNR Sons Charitable Trust]
[Autonomous Institution, Rea ccredited by NAAC with ‘A+’ Grade]
[Approved by AICTE and Permanently Affiliated to Anna University, Chennai]
[ISO 9001:2015 Certified and All Eligible Programmes Accredited by NBA]
Vattamalaipalayam, N.G.G.O. Colony Post,
COIMBATORE – 641 022

ANNA UNIVERSITY : CHENNAI 600 025

APRIL 2023
 SRI RAMAKRISHNA ENGINEERING COLLEGE
BONAFIDE CERTIFICATE
DEPARTMENT OF COMPUTER SCIENCE AND
ENGINEERING

LIVE IN LAB – APRIL 2023

This is to certify that the project entitled

HAND E-CART
is the bonafide record of Live in lab done by

AJMAL K. (2001011)
AKSHAYA S. (2001014)
GAYATHRI S. (2001041)
HARINI AR. (2001049)
HARSHINI A. (2001052)
JAYAKIRUBA N. (2001058)

of B.E. Computer Science and Engineering during the year 2022-2023.

who carried out the Live in Lab project under my supervision, certified further
that to the best of my knowledge the work reported herein does not form part of
any other thesis or dissertation on the basis of which a degree or award was
conferred on an earlier occasion on this or any other candidate.

Dr. A. Grace Selvarani, Ph.D., Mrs. A. Shanmuga Priya, M.E.,

HEAD OF THE DEPARTMENT PROJECT GUIDE
Professor, Assistant Professor (Sl. Gr.)
Computer Science and Engineering, Computer Science and
Engineering, Sri Ramakrishna Engineering College, Sri Ramakrishna
Engineering College, Coimbatore-641022. Coimbatore-641022.
Submitted for the Project Viva-Voce Examination held on

Internal Examiner External Examiner

 DECLARATION

We affirm that the Mini Project II titled “Hand e-craft”being submitted in partial
fulfillment for the award of Bachelor of Engineering is the original work carried out by
us. It has not formed the part of any other project work submitted for award of any
degree or diploma, either in this or any other University.

(Signature of the Candidates)

AJMAL K (2001011)
AKSHAY A S (2001014)
GAYATH RI S (2001041)
HARINI AR (2001049)
HARSHINI A (2001052)
JAYA KIRUB A N (2001058)

I certify that the declaration made above by the candidates is true.

(Signature of the
guide)

Mrs. A. SHANMUGA PRIYA, M.E.,

Assistant Professor (Sl. Gr.),
Department of CSE
 ACKNOWLEDGEMENT

We express our gratitude to Sri.D. LAKSHMINARAYANASWAMY,

Managing Trustee, Sri. R. SUNDAR, Joint Managing Trustee, SNR Sons Charitable
Trust, Coimbatore for providing excellent facilities to carry out our project.

We express our deepest gratitude to Dr. N. R. ALAMELU, Principal, for her

valuable guidance and blessings.

We thank Dr. A. GRACE SELVARANI, Professor and Head, Department of

Computer Science and Engineering who modeled us both technically and morally for
achieving great success in life.

We sincerely thank our Project Coordinator, Mrs. A. SHANMUGA PRIYA,

Assistant Professor (Selection Grade), Department of Computer Science and
Engineering for her great inspiration.

Words are inadequate to offer thanks to our respected guide. We wish to express
our sincere thanks to Mrs. A. SHANMUGA PRIYA, Assistant Professor (Selection
Grade), Department of Computer Science and Engineering, who gives constant
encouragement and support throughout this project work and who makes this project a
successful one.

We also thank all the staff members and technicians of our Department for their
help in making this project a successful one.
 TABLE OF CONTENTS

CHAPTER NO. TITLE PAGE NO.

1 INTRODUCTION 1
2 OBJECTIVES 7
3 VISION OF LIVE IN LAB 7
4 MISSION 7
5 GOALS 8
6 ABSTRACT 9
7 VILLAGES VISITED 9
7.1 KASHTHURI NAIKEN PUDUR 10
7.2 VADAMADURAI 10
8 ANALYSIS OF THE SURVEY 11
9 PROBLEM STATEMENT 12
10 METHODOLOGY 12

11 FLOW DIAGRAM 14
11.1 ADMIN 14
11.2 USER 15
12 MODULE DESCRIPTION 16

12.1 ADMIN MODULE 16

12.2 CUSTOMER MODULE 16
12.3 CART 17
12.4 PAYMENT MODULE 17

13 IMPLEMENTATION 19

13.1 HOME PAGE 19

13.2 CUSTOMER LOGIN 19

13.3 USER INDEX 20
13.4 ADD PRODUCT 20
14 CONCLUSION 26

0
1. Introduction

The goal of Live-in lab is to empower higher education institutions to collaborate with the rural
Indian population by identifying development concerns and coming up with practical solutions
for promoting sustainable growth. It aspires to improve the capacity of both the public and
private sectors in responding to the development demands of rural India and to establish a
positivecycle between society and an inclusive academic system by providing knowledge and
practices for growing professions. We have chosen a college's programme coordinator and two
communities to focus on. In accordance with the recommendations of our programme
coordinator, two villages, Vadamadurai and Kasthurinaickan Pudur were chosen. Our college has
a workshop programme held for two days 19.07.2022 and 20.07.2022. Additionally, wehave
begun working on the baseline survey of the designated villages in accordance with the
instructions. We have visited the villages on 21.08.2022.

2. Objective

Our objective is to develop a website for the people in rural areas to sell their handmade
products and thus to overcome their financial problems.

3. Vision of live-in lab

By utilizing knowledge institutions, it will be possible to transform rural development

processes and contribute to the construction of an inclusive India's infrastructure.

4. Mission

The live-in lab's objective is to enable higher education institutions to work with rural Indians
to identify development challenges and create workable solutions to accelerate sustainable
progress. It also aspires to improve the capacities of the public and private sectors in
responding to the development requirements of rural India by supplying knowledge and
practices for developing professions and fostering a positive loop between society and an
inclusive academic system.

1
5. Goals
 To enhance institutional capability and training website to national requirements, particularly
those of rural India, and to build institutional knowledge of the development agenda inside
higher education institutions.

 To underline once more how important, it is for higher education to be built on fieldwork,
stake holder engagement, and design for social goals.

 To emphasize the need of thorough reporting and practical results in creating newprofessions.
 Access to the professional resources of higher education institutions should be made
available to rural India and regional organizations, especially those that have attained
academic distinction in the field of management, science, engineering, and technology.

 To enhance the results of development as a result of this research. to create new careersand
new methods for sustaining and incorporating research findings.

 To promote a new conversation on science, society, and culture within the greatercommunity.

2
6. Abstract
In rural India, the recent growth in popularity of online buying, e-commerce is expanding. The
majority of individuals choose to use online platforms to purchase various types of products and
use various services. This method has spread beyond metropolitan regions and is currently being
used extensively throughout rural India. There are a significant percentage of internet users and
mobile friendly people in India's rural areas. In the business world, e-commerce is anew paradigm
that replaces traditional commerce with electronic commerce that uses ICT technology, or more
specifically internet technology. E-marketing has thus paved the road toincrease the economic
benefits to society as a whole. In India 65.5 percent of population resides in the rural areas. The
rural economy generates a total of 46.9% of India's NDP and 70.4% of its workforce, according
to 2011–12 data. After agriculture, crafts are the second- largest source of employment. It offers
rural residents and members of underprivileged community the chance to find jobs. With the power
of technology, a small seller can now show case their products worldwide. Through e-commerce
platforms, the artisans, and craftsmen, can sell their fine work products to a large number of
customers while operating comfortablyfrom their hometowns. The craftsmanship of India can
gain global reach and demand, increasing the revenue of the country and improving the lives of
many rural artisans.

7. Villages visited
• Kasthuri Naicken Pudur
• Vadamadurai

3
7.1. Kasthuri Naicken Pudur

A small village or hamlet called Kasthurinaickanpalayam Pudur is located in the

Periya nayakkan palayam Block of the Coimbatore District of Tamil Nadu State, India. It is a part
ofthe Pannimadai Panchayath. Itis located 12 KM north of Coimbatore's district headquarters. 496
KMfrom Chennai, the state capital, and 2 KM from Periyanayakkanpalayam. The postal head
office for KasthurinaickanPudur is Vadamadurai Kurudampalayam, and its pincode is
641017.Coimbatore Block to the south,4 Sarcarsamakulam Block to the east, Thondamuthur
Block to the south, and Karamadai Block to the north surround Kasthurinaickanpalayam Pudur. In
close proximity to Kasthurinaickanpalayam Pudur are the cities of Coimbatore, Coonoor,
Palladam, and Palakkad.

4
7.2 Vadamadurai

K Yadamadurai is a little village or hamlet in the Periyanayakkaupalayam Block of

Tamil Nadu State's Coimbatore District. Under Kurudampalayam Panchayath, it is
located. It is located 11 KM north of Coimbatore's district headquarters.
Periyanayakkanpalayam is km away. Chennai, the state capital, is493 KM away.
Vadamadurai Kurudampalayam is the postal headquarters, and K Yadamadurai'spin
codcis 641017 Coimbatore Block to the south, Sarcarsamakulam Block to the east,
Thondamuthur Block to the south, and Karamadai Block to the north encircle K
Vadamadurai The cities closest to K.Vadamadurai include Coimbatore, Coonoor.
Palladam, and Udhagamandalam.

5
8. Analysis of the survey

From the survey taken at Vadamadurai and Kasthurinaickenpudhur, we can observe the
primary needs of the people which include, o No proper disposal of garbage o Inadequate water
supply o Irregular transport facilities o Unemployment problems o Lack of water storage
facilities. oHealth issues due to improper sanitation.
o Water stagnation due to improper road facilities.
o Network availability is comparatively low.
o Medical facilities are not at a reachable distance.
o Grocery shop’s count is too low.

Out of the issues listed above, the unemployment problem is the most serious. From the
questions raised to the rural people, it is found that most of them have knowledge of making
handicrafts. The objective of this project is to help rural people to make money from their
knowledge. This could be achieved by creating an website to sell their handmade products.

6
9. Problem Statement
India lacks transportation facilities in rural areas, and owing to this reason, the villagers
who aren't engaged in agricultural-related activities continue to remain unemployed. Small
businesses can now reach a global audience by showcasing their products thanks to
technology. The artisans and craftsmen can operate comfortably from their hometowns
andoffer their beautiful work to a large audience through e-commerce platforms. India's
handicraft has the potential to become more popular and in demand on a worldwide
scale,boosting its economy and enhancing the standard of living for rural artisans. In
ruralareas most people are unemployed. Due to unemployment, people are depressed which
may spoil the mood of the entire family.

10. Methodology
The people who were living in these villages have a knowledge of making creative
craftworks, which helps them to solve most of their financial problems & so they will lead
a website & prosperous life. Hence, we are planning to implement a mobile website
location (E-COMMERCE WEBSITE) that could be used by people who live in rural
areas. This website could help them to sell their handmade products to their nearby areas.

7
11. Flow Diagram

11.1 Admin
Admin: The one who handles the whole process in this platform. Firstly, the admin should create a
new login id using their default credentials. Admin’s work is to manage the availability of products and the
delivery process.

8
11.2 User
User: The user should create a new login account using their mail-id or with their mobile number.
Users can view the products on the platform. Once the user visits the product the description of the
product will be available. The user can perform add to cart process or buy now process. If the user is
ready to buy the product there will be an option with the quantity of the product and then the user can
place an order. Then the user will be asked to give their address details and payment for the product
delivery.

9
12. Module Description
12.1 Admin module:

Registration:
1. The admin can register by providing the following details name, email id, and creating their
own password.
2. The registered details will be stored in a database.

Login:
The admin can log in with their registered username and password.

12.2 Customer module:

Registration:
1. The user can register by providing the following details like name, email id, and creating their
own password.
2. The registered details will be stored in a database.

Login:
The user can log in with their registered username and password.

12.3 Cart:

Admin:
1. The admin can add the products they want to sell using their login.
2. They can fix the rate and also able to add descriptions about the product.

Customer:
The customer can add the products to their cart and finally can buy the products.

12.4 Payment module:

Admin:
Admin can check if the payment process is acceptable to the seller.

Customer:
Customers can choose their suitable method for payment which includes cash on delivery.

10
13. Implementation

13.1 Home Page

13.2 Customer Login

11
13.3 User Index

13.4 Add Product

12
User Login page
<?php
session_start();
include('../config/dbconn.php');

if (isset($_SESSION['id'])){
header('Location:user_index.php');
}
?>

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8" />
<link rel="apple-touch-icon" sizes="76x76" href="../assets/img/apple-
icon.png">
<link rel="icon" type="image/png" href="../assets/img/Logo.jpeg">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>Hand-E-Craft</title>
<meta content='width=device-width, initial-scale=1.0, maximum-
scale=1.0, user-scalable=0, shrink-to-fit=no' name='viewport' />
<!-- Fonts and icons -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700,200"
rel="stylesheet" />
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/font- awesome/latest/css/font-
awesome.min.css" />
<!-- CSS Files -->
<link href="../assets/css/bootstrap.min.css" rel="stylesheet" />
<link href="../assets/css/now-ui-kit.css?v=1.1.0" rel="stylesheet" />
<!-- CSS Just for demo purpose, don't include it in your project -->
<link href="../assets/css/demo.css" rel="stylesheet" />
</head>

<body class="login-page sidebar-collapse">

<!-- Navbar -->
<nav class="navbar navbar-expand-lg bg-primary fixed-top navbar-transparent
" color-on-scroll="400">
<div class="container">
<div class="navbar-translate">
<a href="../index.php" class="navbar-brand" rel="tooltip"
title="Designed and Coded by Serve(8) Web Solutions, Inc." data-
placement="bottom">
<p style="font-size:160%;"><b>Hand-E-Craft</b></p>
</a>
<button class="navbar-toggler navbar-toggler" type="button" data-
toggle="collapse" data-target="#navigation" aria-controls="navigation-index"
aria-expanded="false" aria-label="Toggle navigation">
13
 <span class="navbar-toggler-bar bar1"></span>
<span class="navbar-toggler-bar bar2"></span>
<span class="navbar-toggler-bar bar3"></span>
</button>
</div>
<div class="collapse navbar-collapse justify-content-end"
id="navigation" data-nav-image="../assets/img/blurred-image-1.jpg">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" rel="tooltip" title="Follow us on
Twitter" data-placement="bottom" href="https://twitter.com/CreativeTim"
target="_blank">
<i class="fa fa-twitter"></i>
<p class="d-lg-none d-xl-none">Twitter</p>
</a>
</li>
<li class="nav-item">
<a class="nav-link" rel="tooltip" title="Like us on
Facebook" data-placement="bottom" href="https://www.facebook.com/CreativeTim"
target="_blank">
<i class="fa fa-facebook-square"></i>
<p class="d-lg-none d-xl-none">Facebook</p>
</a>
</li>
<li class="nav-item">
<a class="nav-link" rel="tooltip" title="Follow us on
Instagram" data-placement="bottom"
href="https://www.instagram.com/CreativeTimOfficial" target="_blank">
<i class="fa fa-instagram"></i>
<p class="d-lg-none d-xl-none">Instagram</p>
</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- End Navbar -->
<div class="page-header" filter-color="orange">
<div class="page-header-image" style="background-
image:url('https://img.freepik.com/premium-photo/person-tying-spool-fingers-with-
windchimes-boxes-table_23-2147899010.jpg?w=2000')"></div>
<div class="container">
<div class="col-md-4 content-center">
<div class="card card-login card-plain">
<form class="form" method="POST" action="user_login.php">
<div class="header header-primary text-center">
Customer Login
</div><br>
<div class="content">
14
 <div class="input-group form-group-no-border input-
lg">
<span class="input-group-addon">
<i class="now-ui-icons users_circle-
08"></i>
</span>
<input type="text" name="username" class="form-
control" placeholder="Username">
</div>
<div class="input-group form-group-no-border input-
lg">
<span class="input-group-addon">
<i class="now-ui-icons ui-1_lock-circle-
open"></i>
</span>
<input type="password" name="password"
placeholder="Password" class="form-control" />
</div>
</div>
<div class="footer text-center">
<button type="submit" class="bbtn btn-primary btn-
round btn-lg btn-block" name="submit">Login</button>
</div>
<div class="pull-left">
<h6>
<a href="user_signup.php" class="link">Create
User Account</a>
</h6>
</div>
<div class="pull-right">
<h6>
<a href="" class="link">Forgot Password?</a>
</h6>
</div>
</form>
<br>
<?php

if ( isset($_SESSION['msg']))
{ echo $_SESSION['msg'];
unset($_SESSION['msg']);

}
?>
</div>
</div>
</div>
<footer class="footer">

15
 <div class="container">
<div class="copyright">
<a href="admin_login_page.php">&copy;
<script>
document.write(new Date().getFullYear())
</script>,</a> Designed and Coded by Serve(8) Web
Solutions, Inc.
</div>
</div>
</footer>
</div>
</body>
<!-- Core JS Files -->
<script src="../assets/js/core/jquery.3.2.1.min.js"
type="text/javascript"></script>
<script src="../assets/js/core/popper.min.js" type="text/javascript"></script>
<script src="../assets/js/core/bootstrap.min.js"
type="text/javascript"></script>
<!-- Plugin for Switches, full documentation here:
http://www.jque.re/plugins/version3/bootstrap.switch/ -->
<script src="../assets/js/plugins/bootstrap-switch.js"></script>
<!-- Plugin for the Sliders, full documentation here:
http://refreshless.com/nouislider/ -->
<script src="../assets/js/plugins/nouislider.min.js"
type="text/javascript"></script>
<!-- Plugin for the DatePicker, full documentation here:
https://github.com/uxsolutions/bootstrap-datepicker -->
<script src="../assets/js/plugins/bootstrap-datepicker.js"
type="text/javascript"></script>
<!-- Control Center for Now Ui Kit: parallax effects, scripts for the example
pages etc -->
<script src="../assets/js/now-ui-kit.js?v=1.1.0"
type="text/javascript"></script>

</html>

Admin Login page

<?php
session_start();
include('../config/dbconn.php');

if (isset($_SESSION['id'])){
header('Location:user_index.php');
}
?>

<!DOCTYPE html>

16
<html lang="en">

<head>
<meta charset="utf-8" />
<link rel="apple-touch-icon" sizes="76x76" href="../assets/img/apple-
icon.png">
<link rel="icon" type="image/png" href="../assets/img/Logo.jpeg">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>Hand-E-Craft</title>
<meta content='width=device-width, initial-scale=1.0, maximum-
scale=1.0, user-scalable=0, shrink-to-fit=no' name='viewport' />
<!-- Fonts and icons -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700,200"
rel="stylesheet" />
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/font- awesome/latest/css/font-
awesome.min.css" />
<!-- CSS Files -->
<link href="../assets/css/bootstrap.min.css" rel="stylesheet" />
<link href="../assets/css/now-ui-kit.css?v=1.1.0" rel="stylesheet" />
<!-- CSS Just for demo purpose, don't include it in your project -->
<link href="../assets/css/demo.css" rel="stylesheet" />
</head>

<body class="login-page sidebar-collapse">

<!-- Navbar -->
<nav class="navbar navbar-expand-lg bg-primary fixed-top navbar-transparent
" color-on-scroll="400">
<div class="container">
<div class="navbar-translate">
<a href="../index.php" class="navbar-brand" rel="tooltip"
title="Designed and Coded by Serve(8) Web Solutions, Inc." data-
placement="bottom">
<p style="font-size:160%;"><b>Hand-E-Craft</b></p>
</a>
<button class="navbar-toggler navbar-toggler" type="button" data-
toggle="collapse" data-target="#navigation" aria-controls="navigation-index"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-bar bar1"></span>
<span class="navbar-toggler-bar bar2"></span>
<span class="navbar-toggler-bar bar3"></span>
</button>
</div>
<div class="collapse navbar-collapse justify-content-end"
id="navigation" data-nav-image="../assets/img/blurred-image-1.jpg">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" rel="tooltip" title="Follow us on
Twitter" data-placement="bottom" href="https://twitter.com/CreativeTim"
17
target="_blank">

18
 <i class="fa fa-twitter"></i>
<p class="d-lg-none d-xl-none">Twitter</p>
</a>
</li>
<li class="nav-item">
<a class="nav-link" rel="tooltip" title="Like us on
Facebook" data-placement="bottom" href="https://www.facebook.com/CreativeTim"
target="_blank">
<i class="fa fa-facebook-square"></i>
<p class="d-lg-none d-xl-none">Facebook</p>
</a>
</li>
<li class="nav-item">
<a class="nav-link" rel="tooltip" title="Follow us on
Instagram" data-placement="bottom"
href="https://www.instagram.com/CreativeTimOfficial" target="_blank">
<i class="fa fa-instagram"></i>
<p class="d-lg-none d-xl-none">Instagram</p>
</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- End Navbar -->
<div class="page-header" filter-color="orange">
<div class="page-header-image" style="background-
image:url('https://img.freepik.com/premium-photo/person-tying-spool-fingers-with-
windchimes-boxes-table_23-2147899010.jpg?w=2000')"></div>
<div class="container">
<div class="col-md-4 content-center">
<div class="card card-login card-plain">
<form class="form" method="POST" action="user_login.php">
<div class="header header-primary text-center">
Customer Login
</div><br>
<div class="content">
<div class="input-group form-group-no-border input-
lg">
<span class="input-group-addon">
<i class="now-ui-icons users_circle-08"></i>
</span>
<input type="text" name="username" class="form-
control" placeholder="Username">
</div>
<div class="input-group form-group-no-border input-
lg">
<span class="input-group-addon">

19
 <i class="now-ui-icons ui-1_lock-circle-
open"></i>
</span>
<input type="password" name="password"
placeholder="Password" class="form-control" />
</div>
</div>
<div class="footer text-center">
<button type="submit" class="bbtn btn-primary btn-
round btn-lg btn-block" name="submit">Login</button>
</div>
<div class="pull-left">
<h6>
<a href="user_signup.php" class="link">Create
User Account</a>
</h6>
</div>
<div class="pull-right">
<h6>
<a href="" class="link">Forgot Password?</a>
</h6>
</div>
</form>
<br>
<?php

if ( isset($_SESSION['msg']))
{ echo $_SESSION['msg'];
unset($_SESSION['msg']);

}
?>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<div class="copyright">
<a href="admin_login_page.php">&copy;
<script>
document.write(new Date().getFullYear())
</script>,</a> Designed and Coded by Serve(8) Web Solutions,
Inc.
</div>
</div>
</footer>
</div>
</body>

20
<!-- Core JS Files -->
<script src="../assets/js/core/jquery.3.2.1.min.js"
type="text/javascript"></script>
<script src="../assets/js/core/popper.min.js" type="text/javascript"></script>
<script src="../assets/js/core/bootstrap.min.js" type="text/javascript"></script>
<!-- Plugin for Switches, full documentation here:
http://www.jque.re/plugins/version3/bootstrap.switch/ -->
<script src="../assets/js/plugins/bootstrap-switch.js"></script>
<!-- Plugin for the Sliders, full documentation here:
http://refreshless.com/nouislider/ -->
<script src="../assets/js/plugins/nouislider.min.js"
type="text/javascript"></script>
<!-- Plugin for the DatePicker, full documentation here:
https://github.com/uxsolutions/bootstrap-datepicker -->
<script src="../assets/js/plugins/bootstrap-datepicker.js"
type="text/javascript"></script>
<!-- Control Center for Now Ui Kit: parallax effects, scripts for the example
pages etc -->
<script src="../assets/js/now-ui-kit.js?v=1.1.0" type="text/javascript"></script>

</html>

Product details page

<?php
session_start();

if (!isset($_SESSION['id']) ||(trim ($_SESSION['id']) == '')) {

header('location:user_login_page.php');
exit();
}
?>

<?php

include('../config/dbconn.php');
$prod_id=$_GET['prod_id'];
$query = "SELECT * FROM products WHERE
prod_id='$prod_id'";
$result = mysqli_query($dbconn,$query);
while($res = mysqli_fetch_array($result)){

$prod_id=$res['prod_id'];
$prod_price=$res['prod_price'];
21
 $user_id = $_SESSION['id'];

if (isset($_POST['submit'])){

$prod_id=$prod_id;
$prod_price=$prod_price;
$prod_qty =
$_POST['prod_qty'];
$total = $prod_price *
$_POST['prod_qty'];
$user_id = $user_id;

$date=date("Y-m-d");

if(empty($prod_qty)){

if(empty($prod_qty)) {
echo
"<br><center><h4><font
color='red'><b>Error!</b> Enter Product Quantity.</font></h4></center>";
}

} else {

mysqli_query($dbconn,"INSERT INTO
order_details (prod_id,prod_qty,total,user_id)
VALUES
('$prod_id','$prod_qty','$total','$user_id')") or die(mysql_error());
?>

<script type="text/javascript">
alert("Product Added To Cart!");
window.location =
"user_cart.php";
</script>

<?php
}
}
} ?>

<!DOCTYPE html>
<html lang="en">

22
<head>

23
 <meta charset="utf-8" />
<link rel="apple-touch-icon" sizes="76x76" href="../assets/img/apple-
icon.png">
<link rel="icon" type="image/png" href="../assets/img/Logo.jpeg">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>Hand-E-Craft</title>
<meta content='width=device-width, initial-scale=1.0, maximum-
scale=1.0, user-scalable=0, shrink-to-fit=no' name='viewport' />
<!-- Fonts and icons -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700,200"
rel="stylesheet" />
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/font- awesome/latest/css/font-
awesome.min.css" />
<!-- CSS Files -->
<link href="../assets/css/bootstrap.min.css" rel="stylesheet" />
<link href="../assets/css/now-ui-kit.css?v=1.1.0" rel="stylesheet" />
<!-- CSS Just for demo purpose, don't include it in your projects -->
<link href="../assets/css/demo.css" rel="stylesheet" />
</head>

<script src="js/jquery.js" type="text/javascript"></script>

<script src="js/bootstrap.js" type="text/javascript"></script>

<script type="text/javascript" charset="utf-8" language="javascript"

src="js/jquery.dataTables.js"></script>
<script type="text/javascript" charset="utf-8" language="javascript"
src="js/DT_bootstrap.js"></script>

<body class="index-page sidebar-collapse">

<!-- End Navbar -->
<div class="wrapper">
<br>
<div class="main">
<div class="section section-basic">

<div class="section" id="carousel">

<div class="container">
<h2>Product Details</h2>
<a class="btn btn-primary btn-round"
href="user_index.php"><i class="now-ui-icons arrows-1_minimal-left"></i>
&nbsp Back to index</a>
<hr color="orange">
<div class="col-md-12">
<div class="row justify-content-center">
<div class="col-8">

24
<?php
include('../config/dbconn.php');

25
 $prod_id=$_GET['prod_id'];
$query = "SELECT * FROM products WHERE prod_id='$prod_id'";
$result = mysqli_query($dbconn,$query);
while($res = mysqli_fetch_array($result)) {
//getting product id

?>

<div id="carouselExampleIndicators" class="carousel slide" data-

ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-
to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-
to="1" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-
to="2" class="active"></li>
</ol>
<div class="carousel-inner" role="listbox">
<div class="carousel-item active">
<?php if($res['prod_pic1'] != ""): ?>
<img class="d-block" src="../uploads/<?php echo
$res['prod_pic1']; ?>" alt="First slide" style="object-
fit:contain; width:750px; height:600px;" >
<?php else: ?>
<img src="../uploads/default.png">
<?php endif; ?>
<!-- <div class="carousel-caption d-none d-md-block">

<h5><?php echo $res['prod_name']; ?></h5>

</div>-->
</div></div>
<!--<div class="carousel-item">
<?php if($res['prod_pic2'] != ""): ?>
<img class="d-block" src="../uploads/<?php echo
$res['prod_pic2']; ?>" alt="Second slide">
<?php else: ?>
<img src="../uploads/default.png">
<?php endif; ?>
<div class="carousel-caption d-none d-md-block">
<h5><?php echo $res['prod_name']; ?></h5>
</div>
</div>
<div class="carousel-item">
<?php if($res['prod_pic3'] != ""): ?>
<img class="d-block" src="../uploads/<?php echo
$res['prod_pic3']; ?>" alt="Third slide">
<?php else: ?>
26
 <img src="../uploads/default.png">
<?php endif; ?>
<div class="carousel-caption d-none d-md-block">
<h5><?php echo $res['prod_name']; ?></h5>
</div>
</div>
</div>
<a class="carousel-control-prev"
href="#carouselExampleIndicators" role="button" data-slide="prev">
<i class="now-ui-icons arrows-1_minimal-left"></i>
</a>
<a class="carousel-control-next"
href="#carouselExampleIndicators" role="button" data-slide="next">
<i class="now-ui-icons arrows-1_minimal-right"></i>
</a>
</div>
</div>
</div>
</div>-->

<h4><br><br>
<ul><b>Serial number:
<span style="color:green;"><?php echo $res['prod_serial']; ?></span></b>
</ul>
<ul><b>Product name: </b>
<?php echo $res['prod_name']; ?>
</ul>
<ul><b>Description: </b>
<?php echo $res['prod_desc']; ?>
</ul>
<ul><b>Type: </b>
<?php echo $res['category']; ?>
</ul>
<ul><b>Price: </b>
<?php echo 'Rs. '.$res['prod_price'].''; ?>
</ul>
<ul>
<?php $prod_qty=$res['prod_qty'];?>
<?php
if ($prod_qty<=0){
?>
<span style="color:red;">Product Sold Out!</span>
<?php
}else{
?>
<b>Items in stock: </b><?php echo $res['prod_qty'];?>
</ul>
<?php
}
27
?>
<?php }?>

</h4>

<!-- Button trigger modal -->

<button class="btn btn-success btn-round pull-right" data-
toggle="modal" data-target="#myModal">
<i class="now-ui-icons shopping_cart-simple"></i>Add To
Cart</button>

<!-- Modal Core -->

<div class="modal fade" id="myModal" tabindex="-1"
role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<form action="" method="post" enctype="multipart/form-data">
<div class="form group">
<div class="modal-header">
<button type="button" class="close" data-
dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title" id="myModalLabel">Enter
Quantity:</h4>
</div>
<div class="modal-body">

<div class="input-append">
<?php
echo "<select class='btn btn-warning btn-
round dropdown-toggle' size='1' name='prod_qty' id='prod_qty'>";
$i=1; $prod_qty=$prod_qty;
while ($i <= $prod_qty ){
echo "<option value=".$i.">".$i."</option>";
$i++;
}
echo "</select>";
?>
</div>

</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary btn-round" data-
dismiss="modal">Close</button>
<a><button type="submit" name="submit" class="btn btn-
success btn-round">Order</button></a>
</div>
</div>
</form>

28
 </div>
</div>
</div>

</div>
</div>

<br>
</div>
</div>
</div>
</div>
<footer class="footer" data-background-color="black">
<div class="container">
<nav>
<ul>
<li>
<a href="" target="_blank">
III
</a>
</li>
<li>
CSE
</li>
</ul>
</nav>
<div
class="copyright">
&copy;
<script>
document.write(new Date().getFullYear())
</script>, Designed and Coded for Live in Lab project by TEAM
TITANS, SREC.
</div>
</div>
</footer> </div>
</body>
<!-- Core JS Files -->
<script src="../assets/js/core/jquery.3.2.1.min.js"
type="text/javascript"></script>
<script src="../assets/js/core/popper.min.js" type="text/javascript"></script>
<script src="../assets/js/core/bootstrap.min.js" type="text/javascript"></script>
<!-- Plugin for Switches, full documentation here:
http://www.jque.re/plugins/version3/bootstrap.switch/ -->
<script src="../assets/js/plugins/bootstrap-switch.js"></script>
<!-- Plugin for the Sliders, full documentation here:
29
http://refreshless.com/nouislider/ -->

30
<script src="../assets/js/plugins/nouislider.min.js"
type="text/javascript"></script>
<!-- Plugin for the DatePicker, full documentation here:
https://github.com/uxsolutions/bootstrap-datepicker -->
<script src="../assets/js/plugins/bootstrap-datepicker.js"
type="text/javascript"></script>
<!-- Control Center for Now Ui Kit: parallax effects, scripts for the example
pages etc -->
<script src="../assets/js/now-ui-kit.js?v=1.1.0" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
// the body of this function is in assets/js/now-ui-kit.js
nowuiKit.initSliders();
});

function scrollToDownload() {

if ($('.section-download').length != 0) {
$("html, body").animate({
scrollTop: $('.section-download').offset().top
}, 1000);
}
}
</script>

</html>

Add to Cart Page

<?php
session_start();

if (!isset($_SESSION['id']) ||(trim ($_SESSION['id']) == '')) {

header('location:user_login_page.php');
exit();
}
?>

31
Payment page
<?php
session_start();
include('../config/dbconn.php');

if (!isset($_SESSION['id']) ||(trim ($_SESSION['id']) == '')) {

header('location:user_login_page.php');
exit();
}
?>

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8" />
<link rel="apple-touch-icon" sizes="76x76" href="../assets/img/apple-
icon.png">
<link rel="icon" type="image/png" href="../assets/img/Logo.jpeg">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>Hand-E-Craft</title>
<meta content='width=device-width, initial-scale=1.0, maximum-
scale=1.0, user-scalable=0, shrink-to-fit=no' name='viewport' />
<!-- Fonts and icons -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700,200"
rel="stylesheet" />
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/font- awesome/latest/css/font-
awesome.min.css" />
<!-- CSS Files -->
<link href="../assets/css/bootstrap.min.css" rel="stylesheet" />
<link href="../assets/css/now-ui-kit.css?v=1.1.0" rel="stylesheet" />
<!-- CSS Just for demo purpose, don't include it in your project -->
<link href="../assets/css/demo.css" rel="stylesheet" />

<!-- inserted -->

<link rel="stylesheet" href="../plugins/datatables/dataTables.bootstrap.css">

<style type="text/css">
tr td{
padding-top:-10px!important;
border: 1px solid #000;
}
@media print {
.btn-print {
display:none !important;
}
}
32
</style>

33
</head>
<body class="index-page sidebar-collapse">
<div class="wrapper"><br>
<div class="main">
<div class="section section-basic">
<div class="container">
<h2> <?php
include('../config/dbconn.php');
$query=mysqli_query($dbconn,"SELECT * FROM
`users` WHERE user_id='".$_SESSION['id']."'");
$row=mysqli_fetch_array($query);
$cid=$row['user_id'];
echo $row['firstname'];
?>'s Checking Out!
</h2>
<hr color="orange">

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

<div class="panel panel-success panel-size-custom">

<div class="panel-body">

<center>

<?php
$user_id = $_SESSION['id'];

include('../config/dbconn.php');
$query=mysqli_query($dbconn,"SELECT * FROM `users` WHERE
user_id='".$_SESSION['id']."'");
$row=mysqli_fetch_array($query);
$firstname=$row['firstname'];
$middlename=$row['middlename'];
$lastname=$row['lastname'];
$email=$row['email'];
$contact=$row['contact'];

$query = mysqli_query($dbconn,"SELECT * FROM order_details WHERE

user_id='$user_id' AND order_id=''") or die (mysqli_error());
$row3 = mysqli_fetch_array($query);
$count = mysqli_num_rows($query);
$prod_id=$row3['prod_id'];

34
$qty= $row3['prod_qty'];

$query2=mysqli_query($dbconn,"SELECT * FROM products WHERE prod_id='$prod_id'")

or die (mysqli_error());
$row2=mysqli_fetch_array($query2);
$prod_qty=$row2['prod_qty'];

mysqli_query($dbconn,"UPDATE products SET prod_qty = prod_qty - $qty WHERE

prod_id ='$prod_id' AND prod_qty='$prod_qty'");

$cart_table = mysqli_query($dbconn,"SELECT sum(total) FROM order_details WHERE

user_id='$user_id' AND order_id=''") or die(mysqli_error());
$cart_count = mysqli_num_rows($cart_table);

while ($cart_row = mysqli_fetch_array($cart_table)) {

$total = $cart_row['sum(total)'];
date_default_timezone_set('Asia/Manila');
$date = date("Y-m-d H:i:s");
$tax=$total * 0.12;
$track_num= $user_id.$user_id+1000;
$shipaddress=$_POST['shipaddress'];
$city=$_POST['city'];
$ship_add=$shipaddress .' '. $city;
echo '********* Your tracking number: '.$track_num.' | ';
echo 'Total: Rs. '. $total.' | ';
echo 'Tax: Rs. '. $tax.' | ';
echo 'Shipping Address: '. $ship_add.' *********';

// $query = "INSERT INTO order (user_id, track_num, firstname, middlename,

lastname, email, contact, shipping_add, order_date, totalprice, tax)
// VALUES
($user_id','$track_num','$firstname','$middlename','$lastname','$email','$contact
','$ship_add','$date','$total','$tax')";
// $result = mysqli_query($dbconn,$query);

mysqli_query($dbconn,"UPDATE order_details SET order_id=order_id+1 WHERE

user_id='$user_id' AND order_id=''")or die(mysqli_error());
mysqli_query ($dbconn,"UPDATE order_details SET total_qty =$prod_qty - $qty WHERE
prod_id ='$prod_id' AND total_qty='' ");

?>

<hr color="orange">

35
 <br><br>
<h3>Payment type will be a <b>Cash On Delivery</b></h3>
<h3>Delivery process time, minimum of three(3) days and maximum of
five(5) working days.</h3><br>
<h5>Team Titans</h5>

<button type="button" class="btn btn-warning btn-round" onclick =

"window.print()"><span class="now-ui-icons ui-1_check"></span> Print</button>
<a href="user_index.php"><button type="button" class="btn btn-success btn-
round"><span class="now-ui-icons ui-1_check"></span> Back to
Homepage</button></a>

</center>

</div>

</div>
</div>
</div>
</div>
</div>
<br><br><br><br>
<footer class="footer" data-background-color="black">
<div class="container">
<nav>
<ul>
<li>
<H6 style="text-align: left;">III CSE </H6>
<h6 style="text-align: right;"> Designed and
Coded for Live in Lab project by TEAM TITANS, SREC
</H6>

</li>
</ul>
</nav>
</div>
</footer>
</div>
</body>
<!-- Core JS Files -->
<script src="../assets/js/core/jquery.3.2.1.min.js"
type="text/javascript"></script>
<script src="../assets/js/core/popper.min.js" type="text/javascript"></script>
<script src="../assets/js/core/bootstrap.min.js" type="text/javascript"></script>
<!-- Plugin for Switches, full documentation here:
http://www.jque.re/plugins/version3/bootstrap.switch/ -->
<script src="../assets/js/plugins/bootstrap-switch.js"></script>
36
<!-- Plugin for the Sliders, full documentation here:
http://refreshless.com/nouislider/ -->
<script src="../assets/js/plugins/nouislider.min.js"
type="text/javascript"></script>
<!-- Plugin for the DatePicker, full documentation here:
https://github.com/uxsolutions/bootstrap-datepicker -->
<script src="../assets/js/plugins/bootstrap-datepicker.js"
type="text/javascript"></script>
<!-- Control Center for Now Ui Kit: parallax effects, scripts for the example
pages etc -->
<script src="../assets/js/now-ui-kit.js?v=1.1.0" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
// the body of this function is in assets/js/now-ui-kit.js
nowuiKit.initSliders();
});

function scrollToDownload() {

if ($('.section-download').length != 0) {
$("html, body").animate({
scrollTop: $('.section-download').offset().top
}, 1000);
}
}
</script>

<!--- inserted -->

<!-- SlimScroll -->
<script src="../plugins/slimScroll/jquery.slimscroll.min.js"></script>
<!-- FastClick -->
<script src="../plugins/fastclick/fastclick.min.js"></script>
<!-- AdminLTE App -->
<script src="../plugins/app.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="../plugins/demo.js"></script>
<script src="../plugins/datatables/jquery.dataTables.min.js"></script>
<script src="../plugins/datatables/dataTables.bootstrap.min.js"></script>
<script>
$(function () {
$("#example1").DataTable({
});
});
</script>
<!-- inserted -->

</html>

37
14. Conclusion
After visiting the village (Kasthurinaickenpudhur) we came to know that unemployment and lack
of income is the problem faced by every family. Most of the women are unemployed. As per the
survey most of the women are interested in making handmade products using raw materials
available in their village. This will also help them to increase their income. So we out with an
online platform name HAND-E-CRAFT. Where their handmade products are valued by selling
their products on this platform. This may help them to develop their skills. On this platform, the
people in this village can upload their handmade products. Customer from the other side can buy
their products online mode which will be more convenient for people to get the products in their
respective places. As the result, this platform will help them in reducing the unemployment
problem and the financial crisis faced by the villagers.

38