COSMETICS AND BEAUTY PRODUCTS WEBSITE

A PROJECT REPORT
Submitted By

Md Mazhar Alam (2001292206)

In partial fulfillment of the award of the degree of

of

BACHELORS IN TECHNOLOGY
IN
ELECTRONICS AND COMMUNICATION ENGINEERING

GANDHI ENGINEERING COLLEGE, BHUBANESWAR

BIJUPATTNAIK UNIVERSITY OF TECHNOLOGY
APRIL 2024

Page | 0
 Department Of
Electronics and Communication Engineering
GANDHI ENGINEERING COLLEGE, BHUBANESWAR
Approved by AICTE, New Delhi and affiliated to BPUT, Rourkela

CERTIFICATE
This is to certify that the Mr. Md Mazhar Alam bearing registration
number 2001292206 is a bonafide students of the department of
Electronics and Communication Engineering, Gandhi Engineering
College, Bhubaneswar. He has successfully completed the project work
entitled Cosmetics and beauty products website as per the curriculum
of the BPUT, Rourkela in partial fulfillment of the requirement for the
degree of bachelor of technology.

Prof. Himanshu Bhusan Mohapatra

HEAD OF THE DEPARTMENT
ECE

EXTERNAL EXAMINER

Page | 1
 ACKNOWLEDGEMENT

Our sincere thanks to Prof. Himanshu Bhusan Mohapatra, Professor and Head of the
Department of Electronics and Communication Engineering, Gandhi Engineering
College (GEC), Bhubaneswar, for his encouragement and valuable suggestions during
the period of our Project work. No words would suffice to express my regards and
gratitude to Prof. Himanshu Bhusan Mohapatra, Department of Electronics and
Communication Engineering, for his inspiring guidance and constant encouragement,
immense support and help during the project work. Additionally, we appreciate the
guidance and support provided by our mentors throughout the project. Lastly, we extend
our thanks to the research community for sharing valuable insights and resources that
helped shape this work.

DATE: Md Mazhar Alam

PLACE: Bhubaneshwar 2001292206

Page | 2
 ABSTRACT

All the modules of Cosmetic system had developed already but the ― Cosmetic and
Beauty Products Shop Management System ‖ is still working manually. I want to
computerize it.Cosmetic Shop Management system is a complete solution for
managing a shop, in other words,an enhanced tool that assists in organizing the
day-to-day activites if a Shop.There is a need of an application for efficient
management and handling customer orders.This Cosmetic Shop Management
system keeps every record which is required for Staff, Admin,Stock and Customer
of that Shop and by reducing paperwork. This application is used forkeeping the
information of Admin, Dealer, Customer, Purchasing and Stock. These records
arestored in the databasebwith security.Your data be a secure and onlu authorized
person can take the copy of data.This Project is developed in PHP using MySQL
Server.

Page | 3
 CONTENTS
Title Pg No.
Chapter 1: Introduction
1.1. Introduction to Project 5
1.2. Objective
1.3. About Project 6
1.4. Advantages of the Project

Chapter 2: Requirement Analysis and System 7

Specification

Chapter 3: System Design

3.1. Case Diagram 8
3.2. 0 - Level Data Flow Diagram 9
3.3. Entities And Attributes 10
3.4. Entities – Relation Diagram 11

Chapter 4: Implementation, Testing, and Maintenance

4.1. Project Modules 12
4.2. Gantt Chart

Chapter 5: Results and Discussions

5.1. Snapshots(Admin Side) 13-15
5.2. Snapshots(Client Side) 16-18
5.3. Snapshots of Database Tables 19-20
5.4. Back Ends Representation(PHP) 21-24
5.5. Back Ends Representation(CSS & JS) 25
5.6. Back Ends Representation(MySQL) 26-27

Chapter 6: Future Scope 28

Chapter 7: References 29

Page | 4
 CHAPTER 1

1.1. INTRODUCTION TO THE PROJECT

This project is entitled Cosmetics and Beauty Product Online Store. This
project was written in PHP/OOP and data are stored in a MySQL Database. It is
a web-based application that serves as an Online Platform for the Cosmetics and
Beauty Products Business. This application provides the customers of the said
business industry to explore, browser, and buy their products. This has lots of
features and functionalities including Online Payment using PayPal API. This
has a pleasant user interface using the Bootstrap Framework and the Admin
LTE Template. It has user-friendly features and functionalities.

1.2. OBJECTIVE OF PROJECT

The aim of this project is to develop a software for the effective management of
a cosmetics store. Maintaining correct database by providing an option to
update the products in stock. To provide optimal cosmetic inventory by
monitoring the products movement in the current market. To ensure that there
exists a level of restricted access based on functionality and role. To ensure that
the system is user friendly.

Page | 5
1.3. ABOUT THE COSMETICS AND BEAUTY PRODUCT

The Cosmetics and Beauty Product Online Store Project has 2 user interfaces.
Ones are for the management which is the Admin Panel of the system. This side
of the system can be accessed by the management. The Admin is in charge of
managing all the important lists or data in the system such as the list of products
and orders. The Admin can also manage the stocks of the products according to
their variant. The other side is for the client-side. This side is accessible to all
but some of the features are visible and working for registered clients only. The
possible clients can simply register their account in order to order their desired
products. The system can generate a printable date-wise sales report. The online
payment feature only supports using PayPal API.

1.4. ADVANTAGES OF PROPOSED SYSTEM

The aim of proposed system is to develop a software with improved facilities
which can overcome the limitations of existing system in the following ways.

Security of Data
Ensure accuracy of Data
Minimize manual paper work
Minimize the need for various processing
Greater efficiency
Better service
User friendly and interactive
Minimize time required

Page | 6
 CHAPTER 2

SOFTWARE REQUIREMENT
I developed this project using the following:

XAMPP v3.3.0 as my local webserver that has a PHP Version 8.0.7

PHP Language, MySQL Database, HTML, CSS, JavaScript, JQuery, Ajax,
Bootstrap, AdminLTE

FEATURES
Secure Login and Logout
Dashboard
Display the summary of lists.
Brand Management
Add New Brand, List All Brands, View Brand, Update Brand, Delete
Brand
Category Management
Add New Category, List All Categories, View Category, Update
Category, Delete Category
Product Management
Add New Product, List All Products, Update Product, Delete Product
Inventory Management
Add New Stock, List All Stocks, Update Stock, Delete Stock
Order Management
List All Order, View Order Details, Update Order Status, Mark Order as
Paid, Delete Order
Manage Account Details/Credentials

Client-Side
Secure Login and Registration
Read 'About Us' Content
Home Page
Product List
Product List per Categories
Filter Product Per Brand
Search Product
View Product
Shopping Cart
Place Order
View Order Details
Cancel Pending Order
Manage Account Details/Credentials
Logout
Page | 7
 CHAPTER 3

3.1. CASE DIAGRAM

Client-Side
The use case diagrams are usually referred to as behaviour diagram used to
describe the actions of all user in a system.

Page | 8
3.2. 0 - LEVEL DATA FLOW DIAGRAM
It comes with incoming/outgoing indicators showing input and output data.

Page | 9
3.3. ENTITIES AND ATTRIBUTES

Page | 10
3.4. ENTITIES – RELATION DIAGRAM

Page | 11
 CHAPTER - 4

4.1. PROJECT MODULES

Register Module: Provide a username and password which Customer will use
to login to the system.
Login Module: Gives access to the system.
Cosmetics Stock Module: Store the information about the cosmetics price,
amount and the expiry date of products.
Sales Module: Used for managing the sales report.
Suppliers Module: Used for managing the details of suppliers and their rates.
Product List Module: Displays the details of product present in the store.
Invoices Module: Generates and prints the invoice for the customer.
Dashboard Module: Displays the Customer’s details and the shop’s overall
detail as well.

4.2. GANTT CHART

Page | 12
 CHAPTER 5
5.1. SCREENSHOTS
Admin Side

Login Page

Dashboard

Page | 13
Product List

Inventory List

Page | 14
Order List

Client List

Page | 15
 5.2. SCREENSHOTS

Client Side
Home Page

Login

Page | 16
New Account

All Product Categories Detail

Page | 17
Product Sample

Order List

Page | 18
 5.3. SCREENSHOTS

MySQL
Database: Brands

Database: Categories

Page | 19
Database: Clients

Database: Inventory

Page | 20
 5.4. Back Ends Representation

Coding in PHP
Footer

<script>
$(document).ready(function(){
window.viewer_modal = function($src = ''){
start_loader()
var t = $src.split('.')
t = t[1]
if(t =='mp4'){
var view = $("<video src='"+$src+"' controls autoplay></video>")
}else{
var view = $("<img src='"+$src+"' />")
}
$('#viewer_modal .modal-content video,#viewer_modal .modal-content
img').remove()
$('#viewer_modal .modal-content').append(view)
$('#viewer_modal').modal({
show:true,
backdrop:'static',
keyboard:false,
focus:true
})
end_loader()

}
window.uni_modal = function($title = '' , $url='',$size=""){
start_loader()
$.ajax({
url:$url,
error:err=>{
console.log()
alert("An error occured")
},
success:function(resp){
if(resp){
$('#uni_modal .modal-title').html($title)
$('#uni_modal .modal-body').html(resp)
if($size != ''){

Page | 21
Header

<?php
require_once('sess_auth.php');
?>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title><?php echo $_settings->info('title') != false ? $_settings-
>info('title').' | ' : '' ?><?php echo $_settings->info('name') ?></title>
<link rel="icon" href="<?php echo validate_image($_settings->info('logo'))
?>" />
<!-- Google Font: Source Sans Pro -->
<!-- <link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,
700&amp;display=fallback"> -->
<!-- Font Awesome -->
<link rel="stylesheet" href="<?php echo base_url ?>plugins/fontawesome-
free/css/all.min.css">
<!-- Ionicons -->
<!-- <link rel="stylesheet"
href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"> --
>
<!-- Tempusdominus Bootstrap 4 -->
<link rel="stylesheet" href="<?php echo base_url ?>plugins/tempusdominus-
bootstrap-4/css/tempusdominus-bootstrap-4.min.css">
<!-- DataTables -->
<link rel="stylesheet" href="<?php echo base_url ?>plugins/datatables-
bs4/css/dataTables.bootstrap4.min.css">
<link rel="stylesheet" href="<?php echo base_url ?>plugins/datatables-
responsive/css/responsive.bootstrap4.min.css">
<link rel="stylesheet" href="<?php echo base_url ?>plugins/datatables-
buttons/css/buttons.bootstrap4.min.css">
<!-- Select2 -->
<link rel="stylesheet" href="<?php echo base_url
?>plugins/select2/css/select2.min.css">
<link rel="stylesheet" href="<?php echo base_url ?>plugins/select2-
bootstrap4-theme/select2-bootstrap4.min.css">
<!-- iCheck -->
<link rel="stylesheet" href="<?php echo base_url ?>plugins/icheck-
</head>

Page | 22
 Coding in PHP
Admin Side
Sales Index

<style>
table td,table th{
padding: 3px !important;
}
</style>
<?php
$date_start = isset($_GET['date_start']) ? $_GET['date_start'] : date("Y-m-
d",strtotime(date("Y-m-d")." -7 days")) ;
$date_end = isset($_GET['date_end']) ? $_GET['date_end'] : date("Y-m-d") ;
?>
<div class="card card-primary card-outline">
<div class="card-header">
<h5 class="card-title">Sales Report</h5>
</div>
<div class="card-body">
<form id="filter-form">
<div class="row align-items-end">
<div class="form-group col-md-3">
<label for="date_start">Date Start</label>
<input type="date" class="form-control form-control-sm"
name="date_start" value="<?php echo date("Y-m-d",strtotime($date_start))
?>">
</div>
<div class="form-group col-md-3">
<label for="date_start">Date End</label>
<input type="date" class="form-control form-control-sm"
name="date_end" value="<?php echo date("Y-m-d",strtotime($date_end)) ?>">
</div>
<div class="form-group col-md-1">
<button class="btn btn-flat btn-block btn-primary btn-sm"><i
class="fa fa-filter"></i> Filter</button>
</div>
<div class="form-group col-md-1">
<button class="btn btn-flat btn-block btn-success btn-sm"
type="button" id="printBTN"><i class="fa fa-print"></i> Print</button>
</div>
</div>
</form>
<hr>

Page | 23
Login

<style>
#uni_modal .modal-content>.modal-footer,#uni_modal .modal-
content>.modal-header{
display:none;
}
</style>
<div class="container-fluid">
<div class="row">
<h3 class="float-right">
<button type="button" class="close" data-dismiss="modal" aria-
label="Close">
<span aria-hidden="true">&times;</span>
</button>
</h3>
<div class="col-lg-12">
<h3 class="text-center">Login</h3>
<hr>
<form action="" id="login-form">
<div class="form-group">
<label for="" class="control-label">Email</label>
<input type="email" class="form-control form" name="email"
required>
</div>
<div class="form-group">
<label for="" class="control-label">Password</label>
<input type="password" class="form-control form"
name="password" required>
</div>
<div class="form-group d-flex justify-content-between">
<a href="javascript:void()" id="create_account">Create
Account</a>
<button class="btn btn-primary btn-flat">Login</button>
</div>
</form>
</div> </div> </div>
<script>

Page | 24
 5.5. Back Ends Representation

Coding in CSS & JS

Assests
Styles

@charset "UTF-8";

/*!
* Start Bootstrap - Shop Homepage v5.0.1
(https://startbootstrap.com/template/shop-homepage)
* Copyright 2013-2021 Start Bootstrap
* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-shop-
homepage/blob/master/LICENSE)
*/

/*!
* Bootstrap v5.0.1 (https://getbootstrap.com/)
* Copyright 2011-2021 The Bootstrap Authors
* Copyright 2011-2021 Twitter, Inc.
* Licensed under MIT
(https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/

:root {
--bs-blue: #0d6efd;
--bs-indigo: #6610f2;
--bs-purple: #6f42c1;
--bs-pink: #d63384;
--bs-red: #dc3545;
--bs-orange: #fd7e14;
--bs-yellow: #ffc107;
--bs-green: #198754;
--bs-teal: #20c997;
--bs-cyan: #0dcaf0;
--bs-white: #fff;
--bs-gray: #6c757d;
--bs-gray-dark: #343a40;

Full Code Link below

https://drive.google.com/file/d/11JTCj3NY7LB0BXiAmsd83sp4399gG7ve/vie
w?usp=drivesdk

Page | 25
 5.6. Back Ends Representation

Coding in MySQL
Backend
Database

-- phpMyAdmin SQL Dump

-- version 5.1.1
-- https://www.phpmyadmin.net/
--
-- Host: 127.0.0.1
-- Generation Time: Feb 17, 2022 at 09:47 AM
-- Server version: 10.4.19-MariaDB
-- PHP Version: 8.0.7

SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";

START TRANSACTION;
SET time_zone = "+00:00";

/*!40101 SET
@OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET
@OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS
*/;
/*!40101 SET
@OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION
*/;
/*!40101 SET NAMES utf8mb4 */;

--
-- Database: `cbpos_db`
--

-- --------------------------------------------------------

--
-- Table structure for table `brands`
--

CREATE TABLE `brands` (

`id` int(30) NOT NULL,
`name` varchar(250) NOT NULL,
`description` text DEFAULT NULL,

Page | 26
 `image_path` text DEFAULT NULL,
`status` tinyint(1) NOT NULL DEFAULT 1,
`delete_flag` tinyint(1) NOT NULL DEFAULT 0,
`date_created` datetime NOT NULL DEFAULT current_timestamp()
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;

CREATE TABLE `products` (

`id` int(30) NOT NULL,
`brand_id` int(30) NOT NULL,
`category_id` int(30) NOT NULL,
`name` varchar(250) NOT NULL,
`specs` text NOT NULL,
`status` tinyint(1) NOT NULL DEFAULT 1,
`delete_flag` tinyint(1) NOT NULL DEFAULT 0,
`date_created` datetime NOT NULL DEFAULT current_timestamp()
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;

-- Dumping data for table `products`

-- --------------------------------------------------------
ALTER TABLE `orders`
ADD CONSTRAINT `orders_ibfk_1` FOREIGN KEY (`client_id`)
REFERENCES `clients` (`id`) ON DELETE CASCADE;

--
-- Constraints for table `order_list`
--
ALTER TABLE `order_list`
ADD CONSTRAINT `order_list_ibfk_1` FOREIGN KEY (`order_id`)
REFERENCES `orders` (`id`) ON DELETE CASCADE,
ADD CONSTRAINT `order_list_ibfk_2` FOREIGN KEY (`inventory_id`)
REFERENCES `inventory` (`id`) ON DELETE CASCADE;

Page | 27
 CHAPTER 6

Conclusion & Future Scope

The future of Indian cosmetics industry

Recommendations for newcomers

For many years, the Indian beauty industry has been one of the fastest-growing
markets in the world. With over a billion people and rising disposable income,
India is considered one of the most promising markets for global companies
looking to expand their reach.
However, despite this growth, there are still challenges facing Indian companies
seeking to enter this market. For example, there has been a significant amount
of consolidation in the Indian beauty industry over recent years as large
multinational corporations have attempted to take advantage of the lucrative
market. This has resulted in an increasingly competitive landscape where many
smaller players struggle to remain competitive and continue to grow their
businesses.
To help navigate this increasingly competitive landscape, this article will
outline some key recommendations for newcomers looking to enter or expand
their presence within the Indian beauty industry.
The future of Indian cosmetics industry is bright, but it’s up to new entrants to
make sure they get a fair shot at success.
A few years ago, the Indian beauty market was dominated by multinationals,
but that’s changing.
Start small—think big but start small.
Don’t be afraid to experiment—try something new!
Focus on the quality of your product—the best way to stand out is through
superior quality.
The Indian cosmetics industry is growing at an alarming rate, thanks to the
country’s growing middle class. However, this growth has come with a price:
the industry is plagued by problems that include low production value, poor
product quality, and a lack of transparency.
As a result of these problems, many newcomers have been put off from entering
the industry. But as we see with other industries in India—such as software or
engineering—there are ways for new players to make an impact on the market
without investing significant amounts of money. In this article, we’ll give you
some recommendations for newcomers interested in entering the Indian
cosmetics industry.

Page | 28
 CHAPTER 7

References
1. Dr. K.M. Tajne et.al. (2014), ―Beauty Product Website‖, International Journal of
Innovative Research in Science, Engineering and Technology, Vol. 3, Issue 11, pp
17632-17634.
2. Eng. Pshtiwan N. Shakor et.al. (2011), ―Glass Fiber Reinforced Concrete Use in
Construction‖, International Journal of Technology and Engineering System,
Vol.2. No.2.
3. Yogesh Iyer Murthy et. al. (2012), ―Performance of Glass Fiber Reinforced
Concrete‖, International Journal of Engineering and Innovative Technology, Vol-1,
Issue 6, pp. 246- 248.
4. Wakchaure M. R. et. al. (2014), ―Comparison of compressive strength and flexural
shear strength for hybrid fibre reinforced with the controlled concrete‖,
International Journal of Engineering and Technical Research, Volume-02, Issue-09,
pp 172-175.
5. ―Glass Fibre Reinforced Concrete‖ http://www.engineeringcivil.com/glass-fibre
reinforced-concrete.html
6. Komal Chawla et.al. (2013), ―Studies on Glass Fiber Reinforced Concrete
composites‖, International journal of structural and civil engineering research, Vol.
2, No. 3,pp 176-182.
7. Preetha V. et. al. (2014), ―Strength properties of steel fiber and glass fiber
composites‖, International journal of civil engineering and technology, Volume 5,
Issue 12, pp. 188-193.
8. Liaqat A. Qureshi et.al. (2013), ―An Investigation On Strength Properties Of Glass
Fiber Reinforced Concrete‖, International Journal of Engineering Research &
Technology, Vol.2 Issue 4, pp 2567- 2572.
9. V. Muthukrishnan et. al. (2013), ―Mechanical Properties of Hybrid Fiber
Reinforced Concrete With Steel And Synthetic Fiber‖, International Journal of
Engineering Sciences & Research Technology, pp 899-902.
10. IS 8112-1989, ―43 Grade Ordinary Portland Cement‖, Bureau of Indian Standard,
New Delhi.
11. IS 10262-2009, ―Code for Concrete Mix Proportioning‖, Bureau of Indian
Standard, NewDelhi.
12. IS 456-2000, ―Plain and Reinforced Concrete Code or Practice‖ (Fourth Revision),
Bureauof Indian Standard, New Delhi.
13. IS 383-1970, ―Specification for Coarse and Fine Aggregate from Natural Sources
for Concrete‖ (Second Revision), Bureau of Indian Standard, New Delhi.
14. IS 9103-1999, ―Indian Standard Concrete Admixture Specification‖, Bureau of
Indian Standard, New Delhi.
15. Shetty M. S., (2012), ―Concrete Technology‖, S. Chand & Company ltd. New Delhi.
16. IS 516-1959, ―Methods of Tests for Strength of Concrete‖, Bureau of Indian
Standard, New Delhi.

Page | 29