A Project Report

on
An Event Management Web. App.

Submitted in Fulfillment of the Requirement for the

Degree
of
Master of Computer Applications
Invertis University, Bareilly

Project Coordinator Submitted By

[Link] Saxena Princi Sharma
HOD Roll. No.2120204038
Department of Computer Applications
 CERTIFICATE

This is to certify that student of Master of Computer

Applications, 4th Semester of Invertis University, Bareilly has successfully

completed h i s / herprojectworkentitled“ An Event Management Web. App.”

forthepartialfulfillment of the requirement forthedegreeofMasterof Computer

Applications, session2022-23.

Ms. Jyoti Ratna Dr. Archana Saxena Dr. Manish Gupta

(Project Guide) (HOD, MCA) (Dean Management)

Full Name & the Signature of the External Examiner

 ACKNOWLEGDEMENT

I extend my thanks of Department of Computer Applications,

Invertis University, Bareilly who has given me opportunity to
work on this Project.
Today I am feeling a great sense of Excitement on my way to
successfully complete my project on“An Event Management
Web. App.” under the guidance of “Ms. JyotiRatna”.
I sincerely thank her for responding great confidence and faith in
my work and being with me to encourage and guide me to
successful project completion.
I should also like to thank Dr. Archana Saxena, HoD,
Department of Computer Applications for their support and
all our friends and colleagues who have created an atmosphere
to encourage me from time to time making our work easy.
I should also like to thank Dr. Manish Gupta, Dean Management for
their valuable suggestions.

Thank You
Princi Sharma
Roll No. 2120204038
 INDEX
1. Introduction of project Page No
2. Problem definition Page No
3. System Analysis & Feasibility Study Page No
4. Scope of the Proposed System Page No
5. System Requirements Page No
a. Hardware Requirements Page No
b. Software Requirements Page No
i. Front End Page No
ii. Back End Page No
6. System Logical Design Page No
a. Data Flow Diagram Page No
b. Data Dictionary Page No
c. ER Diagram Page No
7. InputScreen Page No
8. Output Screen Page No
9. Testing Page No
a. Test Cases Page No
b. Test techniques Page No
10. Implementation Page No
11. Limitations & Future Scope Page No
12. Bibliography Page No
 LIST OF TABLES

1. Customer table Page No

2. Table 2 Page No
3. Table 3 Page No
 LIST OF FIGURES

1. Figure_1 name Page No

2. Figure_2 name Page No
3. Figure_3 name Page No
 LIST OF ABBREVIATIONS

In this page, you will identify those Abbreviations, which are

used by you in the data base tables. For example:

stn : student name

sid : student ID
fn : Fathers’s name
an : Account number

etc…
 INTRODUCTION OF PROJECT

Event management is a process of organizing a professional and focused event, for a particular
target audience. It involves visualizing concepts, planning, budgeting, organizing and executing
events such as wedding, musical concerts, corporate seminars, exhibitions, birthday celebrations,
theme parties, etc. Event Management is a multi-million dollar industry, growing rapidly, with
events hosted regularly. Surprisingly, there is no formalized research conducted to access the
growth of this industry. The industry includes fields such as the MICE (Meetings, Incentives and
Events), exhibitions, conferences and seminars as well as live music and sporting events. On the
profession side, event management is a glamorous and exciting profession that demands a lot of
hard work and dynamism. The logistics side of the industry is paid less than the
sales/sponsorship side, though some may say that these are two different industries.

Event management is the application of project management to the creation and development of
large scale events. The process of planning and coordinating the event is usually referred to
as event planning and which can include budgeting, scheduling, site selection, acquiring
necessary permits, coordinating transportation and parking, arranging for speakers or
entertainers, arranging decor, event security, catering, coordinating with third party vendors, and
emergency plans. The events industry now includes events of all sizes from the Olympics down
to business breakfast meetings. Many industries, charitable organizations, and interest groups
hold events in order to market themselves, build business relationships, raise money, or celebrate
[Link] event refers to a social gathering or activity, such as a festival,( for example a
musical festival), a ceremony( for example a marriage ) and a party(for example a birthday
party).There are mainly 3 types of event management:

 Corporate Event Management

 Product Launch Event Management
 Special Event Management
1.1 EVENT MANAGER

The Event Manager is the person who plans and executes the event. Event managers and their
teams are often behind-the-scenes running the event. Event managers may also be involved in
more than just the planning and execution of the event, but also brand building, marketing and
communication strategy. The event manager is an expert at the creative, technical and logistical
elements that help an event succeed. This includes event design, audiovisual production,
scriptwriting, logistics, budgeting, negotiation and, of course, client service. It is a
multidimensional profession.

1.2 EVENT MANAGEMENT PROCESS

There are 2 stages of event management process namely, Event planning and Event control.

 Event Planning: To plan an event we must consider the following areas of an event,
viz, feasibility, promotion, site choice/design, staging, shutdown, site map, event
proposal.
 Event Control: To control an event we must look on the following areas logistics,
negotiations, costing & cash flow, event manual, I.T, decision making and change,
risk management.

1.3 SCOPE OF THE PROJECT

The objective of this application is to develop a system that effectively manages all the data
related to the various events that take place in an organization. The purpose is to maintain a
centralized database of all event related information. The goal is to support various functions and
processes necessary to manage the data efficiently.
 Problem Definition

Without a web app, it is very difficult for any event management company to reach more
customers.

Without the Way App, the customer can get all the information by physically visiting the
company, which takes a lot of time.

Without web app, we can hardly take advantage of any service of the company.

With the help of web app, we can do all these things very easily while sitting at home.

From the web app, we can easily get all the information of the company and can use all their
services.

We can chat with the company with the help of this Web App without web app it is not possible
for us.

By using this web app we can easily make payments at sitting home.
 System Analysis and Feasibility Study
1.4 FEASIBILITY STUDY
A feasibility study is a high-level capsule version of the entire System analysis and Design
Process. The study begins by classifying the problem definition. Feasibility is to determine if it’s
worth doing. Once an acceptance problem definition has been generated, the analyst develops a
logical model of the system. A search for alternatives is analyzed carefully. There are 3 parts in
feasibility study.

1.4.1 Operational Feasibility

It is very easy to use or operate this event management web app,

Because it has very easy and user friendly interface which helps this whole web app very easy to
use.

The user interface and other functionality are designed in a manner so that use can easily relate
with this web app and feel very easy to use.

We gave all the navigations on the top of the web screen so that user can easily see them and the
do not to worry about finding the navigation bar.

We use very modern design for front end part which gives an attractive look to our website.

1.4.2 Technical Feasibility

This involves questions such as whether the technology needed for the system exists, how
difficult it will be to build, and whether the firm has enough experience using that technology.
The assessment is based on outline design of system requirements in terms of input,
processes, output, fields, programs and procedures. This can be qualified in terms of volume
of data, trends, frequency of updating inorder to give an introduction to the technical system.
The application is the fact that it has been developed on windows 10 platform and a high
configuration of 1GB RAM on Intel Pentium Dual core processor. This is technically feasible
.The technical feasibility assessment is focused on gaining an understanding of the present
technical resources of the organization and their applicability to the expected needs of the
proposed system. It is an evaluation of the hardware and software and how it meets the need
of the proposed system.

1.4.3 Economical Feasibility

Establishing the cost-effectiveness of the proposed system i.e. if the benefits do not outweigh
the costs then it is not worth going ahead. In the fast paced world today there is a great need of
online social networking facilities.

Thus the benefits of this project in the current scenario make it economically feasible.

The purpose of the economic feasibility assessment is to determine the positive economic
benefits to the organization that the proposed system will provide.

It includes quantification and identification of all the benefits expected. This assessment
typically involves a cost/benefits analysis.

This web app has very low cost as compare to mobile app and it is very cheap to maintain this
web app.
 Scope of the proposed system
The objective of this application is to develop a system that effectively manages all the data
related to the various events that take place in an organization. The purpose is to maintain a
centralized database of all event related information. The goal is to support various functions and
processes necessary to manage the data efficiently.

Event Management System is an Online event management software project that serves the
functionality of an event manager. The system allows only registered users to login and new
users are allowed to register on the application.

This is a web application but desktop application of the same application is also available. The
project provides most of the basic functionality required for an event.

It allows the user to select from a list of event types. Once the user enters an event type
eg(Marriage, Stage Show etc), the system then allows the user to select the date and time of
event, place and the event equipment’s.

All this data is logged in the database and the user is setting up his username and password while
registering .

The data is then sent to the administrator (website owner) and they may interact with the client as
per his requirements and his contact data stored in the database.
 System Requirements

(a) HARDWARE REQUIREMENTS:

 Hardware : Processor Intel dual core and above

 Clock speed : 3.0 GHz

 RAM size : 512 MB

 Hard Disk capacity : 400 GB

 Monitor type : 15 inch color monitor

(b) SOFTWARE REQUIREMENTS

 Operating System :Windows 10

 Internet connection : Existing telephone lines, Data card , mobile hotspot.

 Browser : Google chrome latest version

 Database : MySQL.

 Performance : The turn-around time of the project will be medium.

 Documentation : MS-Office
 (i) Front End:

Html:

Hypertext Markup Language (HTML) is the standard markup language for creating web
pages and web applications. With Cascading Style Sheets (CSS) and JavaScript it forms a triad
of cornerstone technologies for the World Wide Web. Web browsers receive HTML documents
from a web server or from local storage and render them into multimedia web pages. HTML
describes the structure of a web page semantically and originally included cues for the
appearance of the [Link] elements are the building blocks of HTML pages. With
HTML constructs, images and other objects, such as interactive forms, may be embedded into
the rendered page. It provides a means to create structured documents by denoting
structural semantics for text such as headings, paragraphs, lists, links, quotes and other items.
HTML elements are delineated by tags, written using angle brackets. Tags such as <img
/> and <input /> introduce content into the page directly. Others such as <p>...</p> surround and
provide information about document text and may include other tags as sub-elements. Browsers
do not display the HTML tags, but use them to interpret the content of the [Link] can
embed programs written in a scripting language such as JavaScript which affect the behavior and
content of web pages. Inclusion of CSS defines the look and layout of content. The World Wide
Web Consortium (W3C), maintainer of both the HTML and the CSS standards, has encouraged
the use of CSS over explicit presentational HTML.
Css:

Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation
of a document written in HTML or XML (including XML dialects such
as SVG, MathML or XHTML). CSS describes how elements should be rendered on screen,
on paper, in speech, or on other media.

CSS is among the core languages of the open web and is standardized across Web
browsers according to W3C specifications. Previously, the development of various parts
of CSS specification was done synchronously,

which allowed the versioning of the latest recommendations. You might have heard
about CSS1, CSS2.1, or even CSS3.

There will never be a CSS3 or a CSS4; rather, everything is now CSS without a version
number.

After CSS 2.1, the scope of the specification increased significantly and the progress on
different CSS modules started to differ so much, that it became more effective
to develop and release recommendations separately per module.

Instead of versioning the CSS specification,

W3C now periodically takes a snapshot of the latest stable state of the CSS
specification and individual modules progress. CSS modules now have version numbers,
or levels, such as CSS Color Module Level 5
JavaScript:

JavaScript is a scripting or programming language that allows you to implement

complex features on web pages — every time a web page does more than just sit there
and display static information for you to look at — displaying timely content updates,
interactive maps, animated 2D/3D graphics,

scrolling video jukeboxes, etc. — you can bet that JavaScript is probably involved. It is
the third layer of the layer cake of standard web technologies,

two of which (HTML and CSS) we have covered in much more detail in other parts of the
Learning Area.
 (ii) Back End:

PHP:

PHP is a server-side scripting language designed primarily for web development but also used as
a general-purpose programming language. Originally created by Rasmus Lerdorf in 1994,the
PHP reference implementation is now produced by The PHP Development Team. PHP originally
stood for personal home page but it now stands for the recursive acronym PHP: Hypertext
Preprocessor.

PHP code may be embedded into HTML or HTML5 code, or it can be used in combination with
various web template systems, web content management systems and web frameworks. PHP
code is usually processed by a PHP interpreter implemented as a module in the web server or as
a Common Gateway Interface (CGI) executable. The web server combines the results of the
interpreted and executed PHP code, which may be any type of data, including images, with the
generated web page. PHP code may also be executed with a command-line interface (CLI) and
can be used to implement standalone graphical applications.

The standard PHP interpreter, powered by the Zend Engine, is free software released under
the PHP License. PHP has been widely ported and can be deployed on most web servers on
almost every operating system and platform, free of charge.

The PHP language evolved without a written formal specification or standard until 2014, leaving
the canonical PHP interpreter as a de facto standard. Since 2014 work has gone on to create a
formal PHP [Link] development began in 1995 when Rasmus Lerdorf wrote
several Common Gateway Interface (CGI) programs in C, which he used to maintain
his personal homepage. He extended them to work with web forms and to communicate
with databases, and called this implementation "Personal Home Page/Forms Interpreter" or
PHP/FI.

PHP/FI could help to build simple, dynamic web applications. To accelerate bug reporting and to
improve the code, Lerdorf initially announced the release of PHP/FI as "Personal Home Page
Tools(PHPTools)version1.0"onthe Usenet discussiongroup [Link]
i on June 8, 1995. This release already had the basic functionality that PHP has as of 2013. This
included Perl-like variables, form handling, and the ability to embed HTML.
The syntax resembled that of Perl but was simpler, more limited and less consistent.

Lerdorf did not intend the early PHP to become a new programming language, but it grew
organically, with Lerdorf noting in retrospect. A development team began to form and, after
months of work and beta testing, officially released PHP/FI 2 in November 1997.

The fact that PHP lacked an original overall design but instead developed organically has led to
inconsistent naming of functions and inconsistent ordering of their parameters. In some cases,
the function names were chosen to match the lower-level libraries which PHP was
"wrapping",while in some very early versions of PHP the length of the function names was used
internally as a hash function, so names were chosen to improve the distribution of hash values.
MySQL:

MySQL is an open-source relational database management system (RDBMS). Its name is a

combination of "My", the name of co-founder Michael Widenius' daughter, and "SQL",

the abbreviation for Structured Query Language. The MySQL development project has made
its source code available under the terms of the GNU General Public License,

as well as under a variety of proprietary agreements. MySQL was owned and sponsored by a
single for-profit firm, the Swedish company MySQL AB, now owned by Oracle Corporation.
 System Logical Design:

Data Flow Diagram:

Data Dictionary:
ER Diagram:
 Input Screen:

1. Home Page:
<!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.0">
<title>home</title>

<!-- font awesome cdn link -->

<link rel="stylesheet" href="[Link]
awesome/5.15.4/css/[Link]">

<!-- swiper css link -->

<link rel="stylesheet" href="[Link]
/>

<!-- custom css file link -->

<link rel="stylesheet" href="css/[Link]">

<!-- chatbot code starts -->

<!--Start of [Link] Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var
s1=[Link]("script"),s0=[Link]("scri
pt")[0];
[Link]=true;
[Link]='[Link]
[Link]='UTF-8';
[Link]('crossorigin','*');
[Link](s1,s0);
})();
</script>
<!--End of [Link] Script-->
<!-- chatbot code ends -->

</head>
<body>

<div class="container">

<?php @include '[Link]'; ?>

<section class="home">

<div class="swiper home-slider">

<div class="swiper-wrapper">

<div class="swiper-slide slide" style="background:url(images/[Link]) no-

repeat">
<div class="content">
<h3>Holi celebration!</h3>
<p>Lorem ipsum, dolor sitametconsecteturadipisicingelit. Impedit, obcaecati quos.
Minima eius qui id quasatque corporis, quianulla.</p>
<a href="[Link]" class="btn">discover more</a>
</div>
</div>

<div class="swiper-slide slide" style="background:url(images/[Link]) no-

repeat">
<div class="content">
<h3>New Year Celebration!</h3>
<p>Lorem ipsum, dolor sitametconsecteturadipisicingelit. Impedit, obcaecati quos.
Minima eius qui id quasatque corporis, quianulla.</p>
<a href="[Link]" class="btn">discover more</a>
</div>
</div>
<div class="swiper-slide slide" style="background:url(images/[Link])
no-repeat">
<div class="content">
<h3>plan your wedding!</h3>
<p>Lorem ipsum, dolor sitametconsecteturadipisicingelit. Impedit, obcaecati quos.
Minima eius qui id quasatque corporis, quianulla.</p>
<a href="[Link]" class="btn">discover more</a>
</div>
</div>

</div>

<div class="swiper-pagination"></div>

</div>

</section>

<section class="services">

<h1 class="heading">our services</h1>

<div class="swiper service-slider">

<div class="swiper-wrapper">

<div class="swiper-slide slide">

<imgsrc="images/[Link]" alt="">
<div class="content">
<h3>photography</h3>
<p>Lorem ipsum dolor sit ametconsecteturadipisicingelit. Velit, pariatur!</p>
<a href="[Link]" class="btn">about us</a>
</div>
</div>

<div class="swiper-slide slide">

<imgsrc="images/[Link]" alt="">
<div class="content">
<h3>Invitation</h3>
<p>Lorem ipsum dolor sit ametconsecteturadipisicingelit. Velit, pariatur!</p>
<a href="[Link]" class="btn">about us</a>
</div>
</div>

<div class="swiper-slide slide">

<imgsrc="images/[Link]" alt="">
<div class="content">
<h3>guest list</h3>
<p>Lorem ipsum dolor sit ametconsecteturadipisicingelit. Velit, pariatur!</p>
<a href="[Link]" class="btn">about us</a>
</div>
</div>

<div class="swiper-slide slide">

<imgsrc="images/[Link]" alt="">
<div class="content">
<h3>Celebration cake</h3>
<p>Lorem ipsum dolor sit ametconsecteturadipisicingelit. Velit, pariatur!</p>
<a href="[Link]" class="btn">about us</a>
</div>
</div>

<div class="swiper-slide slide">

<imgsrc="images/[Link]" alt="">
<div class="content">
<h3>wedding ceremony</h3>
<p>Lorem ipsum dolor sit ametconsecteturadipisicingelit. Velit, pariatur!</p>
<a href="[Link]" class="btn">about us</a>
</div>
</div>

<div class="swiper-slide slide">

<imgsrc="images/[Link]" alt="">
<div class="content">
<h3>fine dining</h3>
<p>Lorem ipsum dolor sit ametconsecteturadipisicingelit. Velit, pariatur!</p>
<a href="[Link]" class="btn">about us</a>
</div>
</div>
</div>

<div class="swiper-pagination"></div>

</div>

</section>

<?php @include '[Link]'; ?>

</div>

<!-- swiper js link -->

<script src="[Link]

</script>

<!-- custom js file link -->

<script src="js/[Link]"></script>

</body>
</html>
[Link] Page:

<!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.0">
<title>about</title>

<!-- font awesome cdn link -->

<link rel="stylesheet" href="[Link]
awesome/5.15.4/css/[Link]">

<!-- swiper css link -->

<link rel="stylesheet" href="[Link]
/>

<!-- custom css file link -->

<link rel="stylesheet" href="css/[Link]">
<!-- chatbot code starts -->
<!--Start of [Link] Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var
s1=[Link]("script"),s0=[Link]("scri
pt")[0];
[Link]=true;
[Link]='[Link]
[Link]='UTF-8';
[Link]('crossorigin','*');
[Link](s1,s0);
})();
</script>
<!--End of [Link] Script-->
<!-- chatbot code ends -->

</head>
<body>

<div class="container">

<?php @include '[Link]'; ?>

<section class="about">

<imgsrc="images/[Link]" alt="">
<h3>about us</h3>
<p>Lorem ipsum dolor sit ametconsectetur, adipisicingelit. Dolores
voluptateslaudantium tempore, quaeratdolorem libero
quibusdamtemporibusinventoredebitismaxime nihil consecteturimpeditneque.
Quisquamdoloribus dolor suscipitenim? Delectus.</p>
<a href="[Link]" class="btn">contact us</a>

</section>

<section class="team">

<h1 class="heading">our team</h1>

<div class="box-container">

<div class="box">
<imgsrc="images/[Link]" alt="">
<h3>john deo</h3>
<p>event organizer</p>
<div class="share">
<a href="#" class="fab fa-facebook-f"></a>
<a href="#" class="fab fa-twitter"></a>
<a href="#" class="fab fa-linkedin"></a>
<a href="#" class="fab fa-instagram"></a>
</div>
</div>

<div class="box">
<imgsrc="images/[Link]" alt="">
<h3>john deo</h3>
<p>event organizer</p>
<div class="share">
<a href="#" class="fab fa-facebook-f"></a>
<a href="#" class="fab fa-twitter"></a>
<a href="#" class="fab fa-linkedin"></a>
<a href="#" class="fab fa-instagram"></a>
</div>
</div>

<div class="box">
<imgsrc="images/[Link]" alt="">
<h3>john deo</h3>
<p>event organizer</p>
<div class="share">
<a href="#" class="fab fa-facebook-f"></a>
<a href="#" class="fab fa-twitter"></a>
<a href="#" class="fab fa-linkedin"></a>
<a href="#" class="fab fa-instagram"></a>
</div>
</div>

<div class="box">
<imgsrc="images/[Link]" alt="">
<h3>john deo</h3>
<p>event organizer</p>
<div class="share">
<a href="#" class="fab fa-facebook-f"></a>
<a href="#" class="fab fa-twitter"></a>
<a href="#" class="fab fa-linkedin"></a>
<a href="#" class="fab fa-instagram"></a>
</div>
</div>

</div>

</section>

<?php @include '[Link]'; ?>

</div>
<!-- swiper js link -->
<script src="[Link]

<!-- custom js file link -->

<script src="js/[Link]"></script>

</body>
</html>
 [Link] Page:

<!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.0">
<title>portfolio</title>

<!-- font awesome cdn link -->

<link rel="stylesheet" href="[Link]
awesome/5.15.4/css/[Link]">

<link rel="stylesheet" href="[Link]

js/1.4.0/css/[Link]">

<!-- swiper css link -->

<link rel="stylesheet" href="[Link]
/>

<!-- custom css file link -->

<link rel="stylesheet" href="css/[Link]">

<!-- chatbot code starts -->

<!--Start of [Link] Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var
s1=[Link]("script"),s0=[Link]("scri
pt")[0];
[Link]=true;
[Link]='[Link]
[Link]='UTF-8';
[Link]('crossorigin','*');
[Link](s1,s0);
})();
</script>
<!--End of [Link] Script-->
<!-- chatbot code ends -->

</head>
<body>

<div class="container">

<?php @include '[Link]'; ?>

<section class="portfolio">

<h1 class="heading">our portfolio</h1>

<div class="portfolio-container">

<a href="images/[Link]" class="box">

<div class="image">
<imgsrc="images/[Link]" alt="">
</div>
<h3>Birthday Celebration</h3>
</a>

<a href="images/[Link]" class="box">

<div class="image">
<imgsrc="images/[Link]" alt="">
</div>
<h3>Photo shoot</h3>
</a>

<a href="images/[Link]" class="box">

<div class="image">
<imgsrc="images/[Link]" alt="">
</div>
<h3>wedding ceremony</h3>
</a>

<a href="images/[Link]" class="box">

<div class="image">
<imgsrc="images/[Link]" alt="">
</div>
<h3>fine dine</h3>
</a>

<a href="images/[Link]" class="box">

<div class="image">
<imgsrc="images/[Link]" alt="">
</div>
<h3>Kids Celebration</h3>
</a>

<a href="images/[Link]" class="box">

<div class="image">
<imgsrc="images/[Link]" alt="">
</div>
<h3>Diwali Celebration</h3>
</a>

</div>

</section>

<?php @include '[Link]'; ?>

</div>
<script src="[Link]
js/1.4.0/js/[Link]"></script>

<!-- swiper js link -->

<script src="[Link]

<!-- custom js file link -->

<script src="js/[Link]"></script>

<script>

lightGallery([Link]('.portfolio .portfolio-container'));

</script>

</body>
</html>
4. Pricing Page:

<!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.0">
<title>pricing</title>

<!-- font awesome cdn link -->

<link rel="stylesheet" href="[Link]
awesome/5.15.4/css/[Link]">

<!-- swiper css link -->

<link rel="stylesheet" href="[Link]
/>

<!-- custom css file link -->

<link rel="stylesheet" href="css/[Link]">

<!-- chatbot code starts -->

<!--Start of [Link] Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var
s1=[Link]("script"),s0=[Link]("scri
pt")[0];
[Link]=true;
[Link]='[Link]
[Link]='UTF-8';
[Link]('crossorigin','*');
[Link](s1,s0);
})();
</script>
<!--End of [Link] Script-->
<!-- chatbot code ends -->
</head>
<body>

<div class="container">

<?php @include '[Link]'; ?>

<section class="pricing">

<h1 class="heading">our pricing</h1>

<div class="box-container">

<div class="box">
<h3>birthday plan</h3>
<div class="price">₹20000/-</div>
<div class="list">
<p><i class="fas fa-check"></i> photography</p>
<p><i class="fas fa-check"></i> cake</p>
<p><i class="fas fa-check"></i> Decoration</p>
<p><i class="fas fa-check"></i> meals & drinks</p>
<p><i class="fas fa-check"></i> guest invitations</p>
</div>
<a href="[Link] class="btn">choose
plan</a>
</div>

<div class="box">
<h3>Festival plan</h3>
<div class="price">₹100000/-</div>
<div class="list">
<p><i class="fas fa-check"></i> photography</p>
<p><i class="fas fa-check"></i> Decoration</p>
<p><i class="fas fa-check"></i> Sweets</p>
<p><i class="fas fa-check"></i> meals & drinks</p>
<p><i class="fas fa-check"></i> guest invitations</p>
</div>
<a href="[Link] class="btn">choose
plan</a>
</div>
<div class="box">
<h3>wedding plan</h3>
<div class="price">₹300000/-</div>
<div class="list">
<p><i class="fas fa-check"></i> photography</p>
<p><i class="fas fa-check"></i> bride makeup</p>
<p><i class="fas fa-check"></i> wedding ceromony</p>
<p><i class="fas fa-check"></i> meals & drinks</p>
<p><i class="fas fa-check"></i> guest invitations</p>
</div>
<a href="[Link] class="btn">choose
plan</a>
</div>

</div>

</section>

<section class="reviews">

<h1 class="heading">happy clients</h1>

<div class="swiper reviews-slider">

<div class="swiper-wrapper">

<div class="swiper-slide slide">

<imgsrc="images/[Link]" alt="">
<h3>john doe</h3>
<p>Lorem ipsum dolor sit ametconsecteturadipisicingelit.
Fugamagniperspiciatisautrepellat nihil? Eveniet fugit eius quos
architectorepellendus.</p>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>

<div class="swiper-slide slide">

<imgsrc="images/[Link]" alt="">
<h3>john doe</h3>
<p>Lorem ipsum dolor sit ametconsecteturadipisicingelit.
Fugamagniperspiciatisautrepellat nihil? Eveniet fugit eius quos
architectorepellendus.</p>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>

<div class="swiper-slide slide">

<imgsrc="images/[Link]" alt="">
<h3>john doe</h3>
<p>Lorem ipsum dolor sit ametconsecteturadipisicingelit.
Fugamagniperspiciatisautrepellat nihil? Eveniet fugit eius quos
architectorepellendus.</p>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>

<div class="swiper-slide slide">

<imgsrc="images/[Link]" alt="">
<h3>john doe</h3>
<p>Lorem ipsum dolor sit ametconsecteturadipisicingelit.
Fugamagniperspiciatisautrepellat nihil? Eveniet fugit eius quos
architectorepellendus.</p>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>

<div class="swiper-slide slide">

<imgsrc="images/[Link]" alt="">
<h3>john doe</h3>
<p>Lorem ipsum dolor sit ametconsecteturadipisicingelit.
Fugamagniperspiciatisautrepellat nihil? Eveniet fugit eius quos
architectorepellendus.</p>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>

<div class="swiper-slide slide">

<imgsrc="images/[Link]" alt="">
<h3>john doe</h3>
<p>Lorem ipsum dolor sit ametconsecteturadipisicingelit.
Fugamagniperspiciatisautrepellat nihil? Eveniet fugit eius quos
architectorepellendus.</p>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>

</div>

<div class="swiper-pagination"></div>
</div>

</section>

<?php @include '[Link]'; ?>

</div>

<!-- swiper js link -->

<script src="[Link]

<!-- custom js file link -->

<script src="js/[Link]"></script>

</body>
</html>
5. Contect Page:

<?php

$conn = mysqli_connect('localhost','root','','contact_db');

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

$name = $_POST['name'];
$email = $_POST['email'];
$number = $_POST['number'];
$plan = $_POST['plan'];
$address = $_POST['address'];
$message = $_POST['message'];

$insert = "INSERT INTO `contact_form`(`name`, `email`, `number`, `plan`,

`address`, `message`) VALUES
('$name','$email','$number','$plan','$address','$message')";

mysqli_query($conn, $insert);

header('location:[Link]');

?>

<!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.0">
<title>contact</title>

<!-- font awesome cdn link -->

<link rel="stylesheet" href="[Link]
awesome/5.15.4/css/[Link]">
<!-- swiper css link -->
<link rel="stylesheet" href="[Link]
/>

<!-- custom css file link -->

<link rel="stylesheet" href="css/[Link]">

<!-- chatbot code starts -->

<!--Start of [Link] Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var
s1=[Link]("script"),s0=[Link]("scri
pt")[0];
[Link]=true;
[Link]='[Link]
[Link]='UTF-8';
[Link]('crossorigin','*');
[Link](s1,s0);
})();
</script>
<!--End of [Link] Script-->
<!-- chatbot code ends -->

</head>
<body>

<div class="container">

<?php @include '[Link]'; ?>

<section class="contact">

<h1 class="heading">contact us</h1>

<form action="" method="post">

<div class="flex">
<div class="inputBox">
<span>your name</span>
<input type="text" placeholder="enter your name" name="name" required>
</div>

<div class="inputBox">
<span>your email</span>
<input type="email" placeholder="enter your email" name="email" required>
</div>

<div class="inputBox">
<span>your number</span>
<input type="number" placeholder="enter your number" name="number"
required>
</div>

<div class="inputBox">
<span>choose plan</span>
<select name="plan">
<option value="basic">BIRTHDAY PLAN</option>
<option value="premium">FESTIVAL PLAN</option>
<option value="ultimate">WEDDING PLAN</option>
</select>
</div>

<div class="inputBox">
<span>your address</span>
<textarea name="address" placeholder="enter your address" required cols="30"
rows="10"></textarea>
</div>

<div class="inputBox">
<span>your message</span>
<textarea name="message" placeholder="enter your message" required cols="30"
rows="10"></textarea>
</div>

</div>

<input type="submit" value="send message" name="send" class="btn">

</form>

</section>

<?php @include '[Link]'; ?>

</div>

<!-- swiper js link -->

<script src="[Link]

<!-- custom js file link -->

<script src="js/[Link]"></script>

</body>
</html>
Output screen:
Testing:

[Link]. Test Case Steps Input Data Expected Data Actual Data Test Status
Objective Technique
1. Test [Link] to All Confirmation Confirmation Unit Pass
Whether pricing credentials page of page of Testing
Payment section. likeName, successful successful
section Address, payment. payment.
working [Link] cont. no. ,
or Not. click on and
choose payment
plane. etc.
2. Test [Link] to All Store all the Store all the Unit Pass
Whether contact credentials data on data on Testing
contact section. likeName, database. database.
form Address,
working 2. All cont. no.
or Not. credentials etc.
likeName,
Address,
cont. no.
etc.

[Link] on
send msg.

3. Test [Link] on Getting Getting Unit Pass

Whether chat bot. fill all response response Testing
chat bot details from chat from chat
working [Link] all and ask bot. bot.
or Not. details your
and ask questions.
your
questions.
 Implementation

How to Use This Web App:

At first open Xampp server and start it.

Then open the link on your browser [Link]

Start exploring the whole website according to your choice.

For send any msg to company just go to contact form and fill it and send
it.

For Payment just go to pricing section and select any plan and click on choose plan
and payment page will open.
For using chat bot just click on chat bot and start chating.
 Limitation And Future Scope:

Limitations:
All though I have put my best efforts to make the software flexible easy to
operate, but limitations cannot be ruled out even by me .
Though the software presents abroad range of options to its user some intricate
options could not be converted into it partly because of Logistic and partly due to
lack of sophistication positive of time was also major constraint.
Thus it was not possible to make the software full proof and dynamic lake of time
also compared me to ignore some parts such as sorting old result of the candidate
etc.
Considerable efforts have made the software easy to operate even for the people
not related to the field of computers but it is not acknowledged that a layman
May find it a bit problematic at the first instance the user is provided help at each
step of his convenience in working with the software.

[Link] user security.

[Link] do not have any auto chat bot.

[Link] have use Third party app for payment integration.

[Link] do not offer UPI payment options.

Future Scope:

There are lots of improvements can be possible in the Web Application, some of
Them are given here

[Link] can make our personal chat bot wich will give response automatically.

2. We can add Some More Attractive And Professional animations.

[Link] Can improve The UI/UX Part for The better Results.
 Bibliography

I have taken some help from some resources for this project which is given below:

*you Tube[Link]

*Website 1- [Link]

2- [Link]

3- [Link]