Professional Documents
Culture Documents
Project Documentation Sufiyan
Project Documentation Sufiyan
Intersect
A Project Report
Submitted in partial fulfilment of the requirements for the award
of the Degree of
BACHELOR OF SCIENCE
(INFORMATION TECHNOLOGY)
By
CERTIFICATE
This is to certify that the project titled, “Flavor Fables: Where Stories and Tastes Intersect”,
is bonafied work of SHAIKH SUFIYAN MOHAMMAD ARIF bearing Seat No: 563
submitted in partial fulfilment of the requirements for the award of degree of BACHELOR OF
SCIENCE in INFORMATION TECHNOLOGY from University of Mumbai.
The project is done in partial fulfillment of the requirements for the award of degree of
BACHELOR OF SCIENCE (INFORMATION TECHNOLOGY) to be submitted as final
semester project as part of our curriculum.
SHAIKH SUFIYAN
ACKNOWLEDGEMENT
I want to express my gratitude and appreciation to all those who gave me the
possibility to complete this project. A Special thanks to my parents and my maternal uncle
for providing me with my needs and their stimulating support.
I’m also thankful to other staff of our department for facilitating me with the
necessary requirements and support and co-operation. My project experience was
satisfying, fulfilling acknowledge filled lastly, I would like to thank my College Nagindas
Khandwala College of commerce, arts and science (autonomous) for providing me with
proper ambience and supplying me with the right amenities that has helped me complete
this project on time and satisfyingly.
ABSTRACT
This report is about my project “Flavor Fables: Where Stories and Tastes
Intersect”, is an application which provide restaurant ‘Manage their Daily task’. The
Main role of Projectis to ensure that each transaction is secured and totally encrypted .
The second main feature of this project is that user can book the table. The third feature
is that user can Pre order their food. It is accessible from Laptop, Mobile or tablet as the
application Supports all devices on cross platform such as Android and Windows.
TABLE OF CONTENTS
Topic : “Flavor Fables: Where Stories and Tastes Intersect Page No.
Chapter 1: INTRODUCTION
1.4 Applicability
4.2 UML Diagrams : ER Diagram, Use Case, Class Diagram, Activity Diagram, State
Machine Diagram, Sequence Diagram, Gantt Chat
5.1 Code
LIST OF TABLES
Table 1: Schema Design
Table 2: Unit Testing (Login)
CHAPTER - 1
INTRODUCTION
1.1 Background :
"Flavor Fables: Where Stories and Tastes Intersect" stands as a cutting-edge web
application tailored to the needs of restaurants, designed to revolutionize the way they
manage their operations efficiently. This innovative platform seamlessly integrates the
realms of storytelling and culinary experiences, offering patrons an immersive journey
through Flavors and narratives. By amalgamating technology with hospitality, Flavor
Fables redefines the dining landscape.
At its core, Flavor Fables boasts a user-friendly interface that empowers customers to
reserve tables effortlessly, ushering in a new era of convenience and personalized dining.
With just a few clicks, users can secure their preferred dining time and party size, ensuring
a smooth and hassle-free restaurant experience. This feature not only streamlines the
restaurant's operations but also enhances customer satisfaction by reducing waiting times
and eliminating uncertainties.
One special thing about FlavorFables is its strong system for ordering food. It works
for both eating at the restaurant and getting food delivered. People can look through the
carefully made menu full of delicious choices and easily order using the app. Whether
customers want to enjoy their meal at the restaurant or at home, the app makes sure the
food experience is still really good.
Diving deeper into convenience, FlavorFables extends its services to include doorstep
food delivery. This dynamic feature redefines the concept of gourmet dining by bringing
restaurant-quality meals directly to customers' homes. From elaborate family dinners to
intimate gatherings, the application caters to various occasions, ensuring that every
culinary desire is met with utmost care and attention to detail.
For those seeking the perfect blend of spontaneity and convenience, FlavorFables
offers the option to pre-order meals for take-away. Users can peruse the menu, place their
orders in advance, and collect their freshly prepared meals at their convenience. This
feature caters to busy schedules and on-the-go lifestyles, all while maintaining the
unparalleled quality that the restaurant is known for.
Food Delivery
1.3 Objectives
1.4 Applicability
GAP ANALYSIS
Pre Ordering Food
Pre Booking Table
The focal feature of my final year project involves streamlining the dining
experience through a pre-ordering system integrated into our website. This innovative
solution empowers customers to convenientlyplace their food orders online, mitigating
the need to wait upon arrival.By leveraging this feature, customers can browse the menu,
select theirdesired items, and submit their orders in advance. This not only enhances
efficiency for both the patrons and the restaurant staff but also optimizes resource
allocation and reduces potential wait times. This solution is aimed at elevating customer
satisfaction by providing a seamless and time-efficient approach to enjoying meals at
our establishment.
At the core of my final year project lies a distinctive feature centered around
enhancing the dining experience—an advanced table pre- booking system seamlessly
integrated into our website. This cutting- edge functionality empowers customers to
effortlessly reserve their tables online, effectively eliminating the inconvenience of
waiting for an available table upon their arrival. By offering this innovative capability,
patrons can conveniently explore table availability, select their preferred timing, and
confirm their reservation ahead of time. Thisnot only optimizes resource allocation and
reduces crowding but also contributes to a more organized and efficient workflow for
both customers and restaurant staff. The primary objective of this solution is to
significantly elevate customer satisfaction by providing a hassle-free and time-saving
approach to securing tables at our establishment.
Drawback
- Requires Internet Connection to access the Application
CHAPTER - 3
REQUIREMENTS AND ANALYSIS
3.1 Problem Definition
In this chapter, we delve into the core problem that "Flavor Fables: Where Stories
and Tastes Intersect" aims to address. The project envisions the creation of an innovative
web application tailored to the needs of restaurants, with the goal of revolutionizing their
operationalefficiency and enhancing the dining experience for customers. The application
seeks to bridge the gap between culinary experiences and storytelling, redefining how
technology can be harnessed in the realm of hospitality. By addressing the limitations of
traditional restaurant management systems and catering to the growing demand for
personalized and immersive dining experiences, this project aims to bring about a
transformative shift in the way restaurants operate and engage with their patrons.
Hardware Requirements
- Processor : Minimum 1 GHz; Recommended 2 GHz or more
- Hard Drive : Minimum 32GB; Recommended 64GB or more
- Memory(RAM) : Minimum 1GB; Recommended 4GB or above
3.3 Planning and Scheduling
CHAPTER – 4
SYSTEM DESIGN
REGISTRATION
4.2 UML Diagram / Block Diagram / Circuit Diagram / Algorithm Design
Login page
CHAPTER – 5
IMPLEMENTATION AND TESTING
5.1 Code : index.php
<!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>Resto</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-
EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/6.4.0/css/all.min.css"
integrity="sha512-
iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw
=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- FONT AWESOME -->
<link rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.11.2/css/all.css" />
</head>
<body>
<header>
<li class="nav-item">
<a class="nav-link active" href="#" tabindex="-1" aria-
disabled="true">Booking</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="#" tabindex="-1" aria-
disabled="true">About us</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="#">Contact us</a>
</li>
</ul>
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-but me-lg-3">
<button class="btn btn-success"><a class="a" href="order.html">Book
Table</a></button>
</li>
<li class="nav-but">
</li>
</ul>
<div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-
bs-keyboard="false" tabindex="-1"
aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="staticBackdropLabel">Modal title</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal"
aria-label="Close"></button>
</div>
<div class="modal-body">
...
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-
dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Understood</button>
</div>
</div>
</div>
</div>
</div>
</div>
</nav>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-
MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"></script>
</header>
</div>
<div class="col-lg-1 col-md-1 col-sm-0 col-0"></div>
<div class="col-lg-5 col-md-5 col-sm-12 col-12 right-img pt-2">
<img src="images/home-img-2.png" class="img-fluid" alt="">
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container-fluid ">
<div class="row no-gutters pt-3 landing-pg ">
<div class="col-lg-6 col-md-6 col-sm-12 col-12 align-self-center">
<h5 class="ms-lg-5 ms-md-5 ms-sm-2 ms-1">Our Specail Dish</h5>
<h1 class="ms-lg-5 ms-md-5 ms-sm-2 ms-1">BBQ Chicken Pizza</h1>
<p class="ms-lg-5 ms-md-5 ms-sm-2 ms-1">Lorem ipsum dolor sit amet
consectetur adipisicing elit. Eum quas
ducimus nesciunt exercitationem hic
repudiandae atque earum, quibusdam consequatur aut eveniet temporibus
reiciendis perspiciatis facere
perferendis magni optio dolor velit!</p>
<button class="btn btn-success ms-lg-5 ms-md-5 ms-sm-2 ms-1">Order
Now</button>
</div>
<div class="col-lg-1 col-md-1 col-sm-0 col-0"></div>
<div class="col-lg-5 col-md-5 col-sm-12 col-12 right-img pt-2">
<img src="images/home-img-3.png" class="img-fluid" alt="">
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container-fluid ">
<div class="row no-gutters pt-3 landing-pg ">
<div class="col-lg-6 col-md-6 col-sm-12 col-12 align-self-center">
<h5 class="ms-lg-5 ms-md-5 ms-sm-2 ms-1">Our Specail Dish</h5>
<h1 class="ms-lg-5 ms-md-5 ms-sm-2 ms-1">Red Sauce Spaghetti</h1>
<p class="ms-lg-5 ms-md-5 ms-sm-2 ms-1">Lorem ipsum dolor sit amet
consectetur adipisicing elit. Eum quas
ducimus nesciunt exercitationem hic
repudiandae atque earum, quibusdam consequatur aut eveniet temporibus
reiciendis perspiciatis facere
perferendis magni optio dolor velit!</p>
<button class="btn btn-success ms-lg-5 ms-md-5 ms-sm-2 ms-1">Order
Now</button>
</div>
<div class="col-lg-1 col-md-1 col-sm-0 col-0"></div>
<div class="col-lg-5 col-md-5 col-sm-12 col-12 right-img pt-2">
<img src="images/home-img-1.png" class="img-fluid" alt="">
</div>
</div>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-
target="#carouselExampleControls" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-
target="#carouselExampleControls" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
<!-- SPECIAL DISHES -->
<div class="container-fluid bg-offwhite pt-4 pb-4">
<div class="container">
<h2 class="text-center text-darkgreen mb-2">Our Special Dishes</h2>
<h5 class="text-center text-green mb-4">Hundreds of flavors under one roof</h5>
</div>
<div class="row">
<div class="col mb-4">
<div class="card card-shadow card-display bg-dark text-darkgreen">
<img src="images/g-10.jpg" class="card-img" alt="...">
<div class="card-img-overlay card-content-display card-bg-offwhite">
<h5 class="card-title">Card title</h5>
<p class="card-text">This is a wider card with supporting text below as
a natural lead-in to additional
content. This content is a little bit longer.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card card-shadow h-100">
<img src="images/g-2.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Card title</h5>
<p class="card-text">This is a longer card with supporting text below as
a natural lead-in to additional
content. This content is a little bit longer.</p>
</div>
</div>
</div>
<div class="col">
<div class="card card-shadow h-100">
<img src="images/g-3.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Card title</h5>
<p class="card-text">This is a longer card with supporting text below as
a natural lead-in to additional
content. This content is a little bit longer.</p>
</div>
</div>
</div>
</div>
<div class="row mt-5">
<div class="col-sm-6">
<div class="card card-shadow mb-3">
<img src="images/g-10.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Card title</h5>
<p class="card-text">This is a wider card with supporting text below as
a natural lead-in to additional
content. This content is a little bit longer.</p>
<p class="card-text"><small class="text-muted">Last updated 3 mins
ago</small></p>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="card card-shadow mb-3">
<img src="images/g-11.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Card title</h5>
<p class="card-text">This is a wider card with supporting text below as
a natural lead-in to additional
content. This content is a little bit longer.</p>
<p class="card-text"><small class="text-muted">Last updated 3 mins
ago</small></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row row-cols-1 row-cols-md-3 g-4">
<div class="col">
<div class="card card-shadow h-100">
<img src="images/g-1.jpg" class="card-img-top" alt="...">
</div>
</div>
<div class="col">
<div class="card card-shadow h-100">
<img src="images/g-2.jpg" class="card-img-top" alt="...">
</div>
</div>
<div class="col">
<div class="card card-shadow h-100">
<img src="images/g-3.jpg" class="card-img-top" alt="...">
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="card card-shadow mb-3">
<img src="images/g-11.jpg" class="card-img-top" alt="...">
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<label for="inputEmail4" class="form-label">Email</label>
<input type="email" class="form-control" id="inputEmail4">
</div>
<div class="col-md-6">
<label for="inputnumber4" class="form-label">Contact</label>
<input type="number" class="form-control" id="inputnumber4">
</div>
<div class="col-12">
<label for="inputMessage2" class="form-label">Message</label>
<input type="text" class="form-control" id="inputMessage2">
</div>
</footer>
<div class="line mt-3 mb-3"></div>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-
MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"></script>
</body>
</html>
5.2 Testing approach and Test Case