A PROJECT REPORT ON

FOOD SAFTY BANK

SUBMITTED IN THE PARTIAL FULFILLMENT OF THE REQUIREMENT FOR THE DEGREE

OF

BACHELOR OF TECHNOLOGY

IN

COMPUTER SCIENCE & ENGINEERING

SUBMITTED BY:

SONIA MEHRA

(2006038)

UNDER THE GUIDANCE OF:

ER. AMANJOT KAUR

DEPARTMENT OF COMPUTER SCIENCE

MALOUT INSTITUTE OF MANAGEMENT & INFORMATION
TECHNOLOGY, MALOUT

JUNE, 2023

1
 CERTIFICATE

This is to certify that the report entitled FOOD SAFTY BANK, submitted by

Sonia Mehra (2006038) to the Malout Institute of Management and Information Technology,
Malout in partial fulfillment of the requirements for the award of the degree of Bachelor of
Technology in Computer Science and Engineering is a bonafide record of the project work
carried out by my guidance and supervision. This report in any form has not been submitted
to any other University or Institute for any purpose.

Project Guide

Er. Amanjot Kaur

2
 ABSTRACT

Food is one of the basic necessities of humans, and it stands first among all basic needs - food,
shelter, and clothing. It is important as it nourishes the human body- sustaining the very
existences of humans. However, with the rising population and development of this country,
food wastage has risen to a new high. There are many people who wish to donate food to the
needy but are unaware of how exactly they can execute that. Our application revolves around
helping the needy by connecting NGOs and common people. The donors shall be able to see a
plurality of options by which they can donate. The NGOs will get the details of the persons
wishing to donate via our application and thus a network is established between donors, people
who aid the donors in donating (NGOs) and the actual needy people to whom the donated item
is sent. Our application aims to bring about transparency, clarity and swiftness in the process
of donation thus aiming to mitigate prevailing issues in whatever zone it is possible for us to
do so.

3
 ACKNOWLEDGEMENT

We take this opportunity to express our deepest gratitude to those who have generously helped
us in providing the valuable knowledge and it is with real pleasure, that we record our
indebtedness to our academic guide, Er. Amanjot Kaur, for her counsel and guidance during
the preparation of this project and other staff of MIMIT, Malout.
I would like to take this opportunity to convey my deep sense of gratitude to my guide Er.
Amanjot Kaur, for her direction, support and steady motivation. I am extremely obliged to
him for his continuous suggestions, help and cooperation, without which it was impossible to
achieve the success in the work allocated to me.
At the end I would love to thank all of staff members of MIMIT for providing an excellent
and healthy environment during work.
And finally, we would like to thank each and every person who has contributed in any of the
ways in our project.

Sonia Mehra (2006038)

4
 INDEX

S No. TITLE PAGE NO.

Certificate ii
Abstract iii
Acknowledgement iv

1. Introduction 8-14
1.1 Problem Summary 9
1.2 Aim and Objective of the project 9-10
1.3 Problem Specification 10
1.4 Work Plan 10
1.5 Tools And Technologies 10-14
1.5.1 HTML Introduction 11-13
1.5.2 CSS 13
1.5.3 Javascript 13
1.6 Installation Steps 14
1.7 Procedure for Execution 14

2. Literature Survey
15-16

3. Methodology
17-20

4. Design 21-25
4.1 System Architecture 21-22
4.2 Uml Diagrams 22-25
4.2.1 Usecase Diagram 22-23
4.2.2 Class Diagram 24
4.2.3 Activity Diagram 24-25

5
 5. Screenshot 26-27

Appendix A Conclusion & Scope 28

Appendix B Refferences 29

6
 LIST OF FIGURES

Figure 1.5.1: HTML Page Structure 13

Figure 4.1 System Architecture 22

Figure 4.2.1 Use-case Diagram 23

Figure 4.2.2 Class Diagram 24

Figure 4.2.3 Activity Diagram 25

Figure 5.1 Home Page 26

Figure 5.2 Donations 26

Figure 5.3 Mission 27

Figure 5.4 Contact Us 27

7
 CHAPTER 1

INTRODUCTION

Food donation is an essential aspect of providing basic needs to people who may be in dire
need of help, particularly during difficult times. There are various reasons why people may
need food donations, including poverty, unemployment, natural disasters, or health issues.

Food donation websites have been created to facilitate the process of donating food to those in
need. These websites offer a platform where individuals, organizations, and businesses can
donate food items to help those who need it the most. The websites are user-friendly and easy
to navigate, with clear instructions on how to make donations.

One of the main advantages of using a food donation website is that it makes the process of
donating food much more efficient. Rather than having to travel to a food bank or charity,
people can donate food items from the comfort of their own homes. This convenience makes
it more likely that people will donate food regularly, which in turn helps to ensure that those in
need receive a steady supply of food.

Another advantage of using a food donation website is that it provides a secure and reliable
way to donate food. The websites are designed to protect the privacy of donors and recipients,
ensuring that donations are made to the right people and that there is no risk of fraud or misuse
of funds.

One popular food donation website is Feeding America. Feeding America is a nonprofit
organization that operates a network of food banks and food pantries across the United States.
The organization's website allows individuals, organizations, and businesses to donate food
and funds to support their mission of ending hunger in America.

Another popular food donation website is Food Donation Connection. Food Donation
Connection is a nonprofit organization that helps businesses donate surplus food to local food
banks and other charities. The organization's website provides a platform for businesses to
make donations, as well as information on how to get involved in their food donation programs.

8
Food Forward is another food donation website that is focused on reducing food waste by
rescuing excess produce from farms, orchards, and farmers markets. The organization's website
allows people to make donations to support their work in providing fresh produce to those in
need.

One unique food donation website is Mealshare. Mealshare is a nonprofit organization that
partners with restaurants to provide meals to those in need. When a customer orders a
Mealshare dish at a participating restaurant, a meal is donated to a local charity. The
organization's website allows people to find participating restaurants and make donations to
support their work.

Overall, food donation websites provide a vital service by connecting people who have food to
donate with those who need it the most. These websites are designed to make the process of
donating food more efficient, secure, and reliable, helping to ensure that people who are
struggling to meet their basic needs can access nutritious food. By supporting food donation
websites, individuals, organizations, and businesses can play a crucial role in fighting hunger
and supporting their communities.

1.1 Problem Summary

 In the current working scenario, many NGOs are struggling with some issues
mainly communication with their member, heads and volunteer while NGO are
donating. One of our members is volunteer of an NGO namely Robin Hood army
and main objective of the NGO is to feed the poor people. As volunteer, our member
has to visit the restaurants, individual donations and some processed foods. He is
facing many problems like communication issues, Missing some places for picking
up food, unable to find location for volunteer and much more.

 Hence, we came up with our Android Application, this app is for every NGO
available in the particular city and donate things like Clothes, food, stationary items
and much more.

1.2 Aim and Objective of the project

 The objective of our application is to enable a Ink of communication and interactions

among NGOs, donors and the needy.

9
  The people washing to donate will be able to see all the options available with them to
do the same. The term they wish to donate then shall be collected by a volunteer who
is connected to the donate vis our application

 The donated item shall safely reach the intended needy persons after the interaction.
In other words, our project has the following objectives

o Reduce lack of awareness

o Enable easy interaction between donors and organization

o Make work faster and quicker by digitizing it via our web

1.3 Problem Specification

 It is crucial for all the NGO volunteers to communicate with each other in order to
give proper delivery to the needy people.

 It is also important for the people to know about NGO's so that they can donate at
their items ease.

1.4 Work Plan

 We have completed the requirement gathering and the analysis phase for our
app/software. We have also finished preparatory documents

 We have also performed other activities like study of relevant PSAR and
development of various canvases such as AEIOU Empathy, Ideation and Product
development canvas. We also began the designing part of the application

1.5 Tools And Technologies

The project has been developed using the technologies below:

 HTML: Page layout has been designed in HTML.

10
  CSS: This is used for all the designing part.

 JavaScript: JS is used for enabling smooth-scroll on the website.

Internet

The internet is a massive network of networks. It connects millions of computers globally,

forming a network in which any computer can communicate with any other computer as long
as they are both connected to the internet.

A website is simply a collection of web pages of codes - codes that describe the layout, format,
and content on a page. The web server is an internet-connected computer that receives
the request for a web page sent by your browser.

A web browser is a piece of software needed to access the internet and websites.
Without a web browser, it is nearly impossible to access websites and the internet. Most data
over the internet moves by packet switching, where data is broken up into small pieces
called packets that are delivered to their final destination independently. Once there, they
are reassembled into content such as text, images, or video on a webpage.

Intranet

The classical definition of Intranet is the application of internet technologies to the

internal business applications media most refer to the Intranet in terms of applying web
technologies to information systems in the organization.

1.5.1 HTML Introduction

HTML (Hyper Text Markup Language) is a standard markup language used to create and
structure content on the World Wide Web. HTML uses tags and attributes to describe how
content is to be displayed in a web browser. It is a foundational technology for creating web
pages and is essential for anyone interested in web development. HTML was developed by
Tim Berners-Lee in 1990.

HTML is a markup language that is used to create the structure and content of a web page.
HTML documents are made up of a series of elements, each of which is enclosed in angled
brackets (< >) and contains a tag and its content. Tags are used to mark up the content of a web
page, while attributes provide additional information about an element.

HTML is used to create a hierarchy of content on a web page. The top-level element in an

11
HTML document is the <html> tag, which contains the <head> and <body> elements. The
<head> element contains metadata about the web page, such as the title and keywords. The
<body> element contains the visible content of the web page.

HTML can be used to create a variety of content on a web page, including text, links, images,
videos, tables, forms, and more. HTML can also be styled using CSS (Cascading Style Sheets)
to create visual effects such as colors, fonts, and layouts.

HTML is a foundational technology for web development and is often used in combination
with other technologies such as CSS and JavaScript. Together, these technologies form the core
of web development and are essential for creating modern, interactive web pages.

Learning HTML is an important step for anyone interested in web development, whether as a
hobby or as a profession. There are many resources available online for learning HTML,
including tutorials, courses, and documentation. With practice, anyone can learn HTML and
start creating their own web pages.

Responsive web design is achieved using media queries and flexible layouts. HTML5 is the
latest version of HTML and includes new features such as video and audio elements, canvas,
and geolocation. HTML5 also includes new input types and form validation features. HTML5
is designed to be more semantically meaningful, making it easier for search engines to
understand the content of a web page. HTML5 also includes improved accessibility features,
such as the ability to define landmarks and ARIA roles for screen readers. HTML5 is backward
compatible with previous versions of HTML, so older web pages can still be displayed in
modern web browsers. HTML can be combined with other technologies such as JavaScript and
CSS to create interactive and dynamic web pages. JavaScript is a programming language that
is used to add interactivity and functionality to web pages. CSS is used to style HTML elements
and create visual effects. HTML, JavaScript, and CSS are often used together in a web
development stack. Web development frameworks such as React, Angular, and Vue.js can
simplify the process of building web applications using HTML, JavaScript, and CSS. HTML
can be used to create static web pages, but it is often used in combination with server-side
technologies such as PHP, Python, and Ruby on Rails to create dynamic web pages. Dynamic
web pages are generated on the server in response to user input or other events. HTML can be
served from a web server or embedded directly into a web page using inline HTML or
JavaScript. HTML can be optimized for search engines using techniques such as keyword
optimization and link building.

12
 Fig 1.5.1 HTML PAGE STRUCTURE

1.5.2 CSS

CSS stands for 8Cascading Style Sheets9. CSS is used to format the layout of web pages. While
HTML is used to structure a web document (defining things like headlines and
paragraphs, and allowing you to embed images, video, and other media), CSS comes
through and specifies your document style – page layouts, colors, and fonts are all
determined with CSS. CSS describes how HTML elements are to be displayed on a screen,
paper, or in other media. CSS saves a lot of work. It can control the layout of multiple
web pages all at once. It is also used to define styles for the web pages, including the design,
layout, and variations in display for different devices and screen sizes.

1.5.3 JavaScript

JavaScript is most commonly used as a client-side scripting language. When a user

requests an HTML page with JS in it, the script is sent to the browser and it9s up to the browser
to do something with it. In this website, we have used JS for enabling smooth-scroll in the
web page. The smooth scrolling component is used to animate the browser scrolling when
a user clicks an element linking to a different section on the same page.

13
1.6 Installation Steps

 First we have to open the url.

 And search for our website i.e Food donation and open it

1.7 Procedure For Execution

1. Start Xampp Server for loading php files into browser

2. At a time open index (html) file where homepage of our webpage appears

3. User has to register either a sender or receiver to send or receive food

4. After Registration, one has to login to access his data either for donate or for receive

5. After a while of logged in, user can see below options

a. Search Food  to search food according to location

b. Update food Details  to update food details by sender

c. My Order  where user can see history or any progress orders

d. Create City  to create a location for search availability

e. Create Spot  to create a spot as like city

f. Donate Food  to donate user9s food

g. My Cart  to view any progressive orders

h. My profile  To edit your data

6. We included Google Map API for user approach to get the location easily.

14
 CHAPTER 2

LITERATURE SURVEY

A literature survey for a food donating website would involve a review of existing research
related to the issue of food waste, food recovery, and food donations. This survey would
typically include an investigation of current initiatives, policies, and technologies that facilitate
the donation of excess food and support food recovery efforts. The following are the key areas
that a literature survey for a food donating website would cover:

1. Food waste reduction: This involves reviewing literature related to the causes and impacts
of food waste. It would also cover potential benefits of reducing food waste, such as mitigating
environmental and economic costs.

2. Food recovery and redistribution: This area would involve researching the various programs,
organizations, and initiatives that aim to recover and redistribute excess food to individuals in
need. Studies related to the effectiveness of these programs, as well as challenges and best
practices, would also be included in the survey.

3. Food donation platforms: Researching the various platforms and technologies that facilitate
the donation of excess food is crucial in developing a successful food donation website. This
would involve reviewing existing platforms and evaluating their effectiveness in reducing food
waste and supporting food recovery efforts.

4. Social and cultural factors: Social and cultural factors have a significant impact on food
waste and food donation behavior. A literature survey for a food donating website would
investigate these factors and include studies that examine social norms, attitudes, and concerns
related to food waste and donation.

5. Regulatory and policy landscape: A review of the regulatory and policy landscape related to
food waste reduction and food donations is essential in developing a food donating website.
This would include laws and regulations that impact food donation liability and tax incentives
for food donations.

15
6. Case studies and success stories: Reviewing case studies and success stories of food donation
programs and platforms would provide valuable insights into successful implementation and
impact.

A comprehensive literature survey in these areas can provide insights into the design and
implementation of a successful food donating website, which can help reduce food waste and
support food recovery efforts.

16
 CHAPTER-3

METHODOLOGY

Designing a food donating website requires a structured approach to ensure that the website is
user-friendly, functional, and meets the requirements of the target audience. Here is a possible
methodology that could be followed:

1. Define the problem and goals:

The first step is to identify the problem the website is meant to solve and the goals of the
website. For example, the website could aim to connect donors with local food banks or
charities, reduce food waste, or provide nutritional information to users.

The problem that a food donating system aims to solve is food waste and insecurity. Millions
of tons of food are wasted every year globally, while many people, including children, are
malnourished or do not have access to adequate food. A food donating system aims to bridge
this gap by connecting surplus food with those in need and reducing food waste.

The primary goal of a food donating system is to create a more sustainable and equitable food
system by reducing food waste and insecurity. This can be achieved by providing a platform
for donors to donate surplus food to local food banks, charities, or other organizations that can
distribute it to those in need. The system can also provide nutritional information to users and
encourage healthy food choices.

Other goals of a food donating system may include:

1. Improving access to healthy food options: The system can connect donors with local food
banks and charities that distribute healthy food options to individuals and families in need.

2. Reducing the environmental impact of food waste: By redirecting surplus food to those in
need, a food donating system can reduce the environmental impact of food waste, such as
greenhouse gas emissions and water usage.

3. Building stronger communities: The system can bring together donors, recipients, and other
stakeholders in the community to create a stronger sense of social responsibility and
community involvement.

17
4. Providing real-time information: The system can provide real-time information on available
food donations, making it easier for organizations to distribute surplus food efficiently and
effectively.

Overall, the primary goal of a food donating system is to create a more sustainable and
equitable food system by reducing food waste and insecurity and providing access to healthy
food options for all.

2. Conduct research and analysis:

Research and analyze existing food donation websites to identify their strengths and
weaknesses. Identify the needs and preferences of the target audience to ensure that the
website's features and functionality meet their requirements.

Conducting research and analysis of existing food donating systems can help identify best
practices, gaps in the market, and opportunities for innovation. Here are some areas to consider
when conducting research and analysis of food donating systems:

1. Identify existing food donation systems: Identify existing food donation systems that are
already in use, such as food banks, charities, and meal distribution programs. Research how
these systems operate, the types of food they accept, and their distribution methods.

2. Analyze user needs: Conduct research to identify the needs of potential users of a food
donating system, including donors, food banks, charities, and individuals and families in need.
Identify the challenges and pain points they face, such as the time and effort required to donate
food, transportation challenges, or food safety concerns.

3. Evaluate the effectiveness of existing systems: Evaluate the effectiveness of existing food
donation systems by analyzing data on their reach, impact, and sustainability. Identify the
strengths and weaknesses of existing systems, such as their ability to manage and distribute
food efficiently and effectively.

4. Study regulations and laws: Study the regulations and laws related to food donation and
distribution in the local region. Identify any restrictions or requirements related to food safety,
liability, and tax deductions that may impact the design and operation of the food donating
system.

18
5. Identify best practices: Identify best practices in food donating systems, such as effective
methods for collecting, storing, and distributing food, as well as successful fundraising and
marketing strategies.

6. Analyze technology solutions: Analyze technology solutions that are currently being used in
food donating systems, such as online platforms, mobile apps, and cloud-based systems.
Identify their features and functionality and evaluate their effectiveness in meeting the needs
of users.

7. Evaluate social and environmental impact: Evaluate the social and environmental impact of
food donating systems. Identify the positive and negative impacts on local communities,
including the impact on food security, waste reduction, and community building.

By conducting research and analysis in these areas, the design and development of a new food
donating system can be informed by best practices and tailored to meet the needs of potential
users while also maximizing social and environmental impact.

3. Develop the user interface (UI) and user experience (UX) design:

The UI and UX design should be developed based on the research findings and target audience's
preferences. The design should be intuitive and user-friendly, making it easy for users to
navigate the website and achieve their goals.

4. Develop a functional specification:

Develop a detailed functional specification that outlines the features and functionality of the
website. This will serve as a roadmap for the development team and ensure that the website
meets the requirements of the target audience.

5. Create wireframes and prototypes:

Create wireframes and prototypes of the website to visually represent the website's layout and
functionality. This helps to identify any design or usability issues before development begins.

19
6. Develop the website:

Develop the website based on the functional specification, wireframes, and prototypes. Ensure
that the website is optimized for different devices and browsers and is accessible to users with
disabilities.

7. Conduct testing and quality assurance:

Test the website to ensure that it meets the functional specification, works correctly, and is free
of bugs and errors. Conduct user testing to gather feedback and make any necessary
improvements.

8. Deploy the website:

Once testing and quality assurance are complete, deploy the website on a web server. Ensure
that the website is secure, and user data is protected.

9. Launch and maintain the website:

Launch the website and make it available to the public. Continuously monitor and maintain the
website to ensure that it remains up-to-date, secure, and meets the user's needs. Regularly
update the content and features of the website to keep users engaged.

10. Evaluate the website's performance:

Continuously monitor the website's performance, including user engagement, traffic, and
conversion rates. Analyze user feedback to identify areas of improvement and make necessary
changes to ensure that the website continues to meet the user's needs.

Overall, the methodology for a food donating website should be user-centric, agile, and
responsive to feedback and changes to ensure that the website is successful and meets the needs
of the target audience.

20
 CHAPTER-4

DESIGN

4.1 System Architecture

Architecture can be referred to as a flow diagram, from where the user enters down to the CPU
of the server and the power cord connected to it. To be more precise, the technologies,
methods, and how everything is arranged to form a complete product is what the
architecture of a system refers to. It includes the following:

Front-end (or) Client Side

The topmost visible layer is the 8frontend9. In this web-application, we used HTML
(HyperText Markup Language), CSS (Cascading Style Sheets) and Bootstrap for styling, and
JS (JavaScript) for interactivity and function.

Back-end (or) Server Side

The backend of a website consists of a server, an application, and a database. The

backend is where a programming language is used (unlike HTML and CSS which are
mark up languages). In this website, we used PHP (Hypertext Preprocessor). Any
information entered in the frontend, the application stores it in a database that was created on
a server.

Database

A web database is a database application designed to be managed and accessed through the
internet. This means that we have a web page that grabs the information from a web page and
inserts that information into the database to which the web page is connected. Here the web
page is connected to the database by programming (precisely using PHP). It can also display
information based on the request. Website operators can manage this collection of data.

The Server

A server is a type of computer or device on a network. It means that they perform no

other tasks besides their server tasks. In this website development, we have used a
localhost server. A localhost is a hostname that refers to the current computer used to

Access it. It is used to access the services that are running on the host via the loopback
network interface. We used 8XAMPP9 that serves as a localhost server.

21
 Fig 4.1 SYSTEM ARCHITECTURE

4.2 Uml Diagrams

UML stands for Unified Modeling Language. UML is a language for specifying,
visualizing, and documenting the system. This is the step while developing any product after
analysis. The goal from this is to produce a model of the entities involved in the
project which later need to be built.

4.2.1 Usecase Diagram

Use case diagrams give a graphic overview of the actors involved in a system, different
functions needed by those actors, and how these different functions interact. It9s a great starting
point for any project discussion because it helps in easily identifying the main actors
involved and the main processes of the system. Use case diagram consists of use cases, actors
and shows the interaction between the use case and actors.

22
 Home

Login

View Food Items

My Order

Fig 4.2.1 USECASE DIAGRAM

Use Case:

Use cases are a set of actions that some system or systems (subject) should or can perform in
collaboration with one or more external users of the system (actors).

Use Cases are:

• Home Page

• Login Page

• Registration Page

• View Food Items

• Book Items

• My Order

• Update product and image

• View Orders

23
4.2.2 Class Diagram

Class is nothing but a structure that contains both variables and methods. The class
diagram shows a set of classes, interfaces and collaborations, and their relationships. This is
the most common diagram in modelling the object-oriented systems and is used to give the
static view of a system.

Fig 4.2.2 CLASS DIAGRAM

4.2.3 Activity Diagram

An activity diagram visually presents a series of actions or flow of control in a system similar
to a flowchart or a data flow diagram. Activity diagrams are often used in business process
modelling. They can also describe the steps in a use case diagram. Activities modelled can be
sequential and concurrent.

An activity diagram in the use-case model illustrates the flow of events of a use case. The flow
of events of a use case describes what needs to be done by the system to provide value to an
actor. The diagram shows - Activity states, which represent the performance of an activity or
step within the flow of event.
24
Fig 4.2.3 ACTIVITY DIAGRAM

25
 CHAPTER – 5

SCREENSHOT

Home Page

Fig 5.1 HOME PAGE

Fig 5.2 DONATIONS

26
 Fig 5.3 MISSION

Fig 5.4 CONTACT US

27
 CONCLUSION

Our study has investigated the problem of food waste that has many serious side
effects economically and socially. However, the wastage of the food can be
prevented or at least decreased using political rules and technology. Web
application technology is beneficial for food waste management. The website
aims to encourage better food management. Our proposed solution should reduce
food wastage by facilitating food sharing in UAE community using web
technology. This work is an initial step towards designing a better system to
reduce daily food waste.

FUTURE SCOPE

In future, this website could be enhanced more by adding the following features:

Extending our website to have many types of donating users either from
organizations such as restaurants, or a family or a single user

Adding the location (GPS) facility to our website. The donating user should
specify the location of the shared food.

Adding the time and date of each meal shared by users

Making the web supports multiple platforms (crossplatform website)

REFFERENCES

28
1. W. Schlee, R. Pryss, T. Probst, J. Schobel, A. Bachmeier, M. Reichert,and
B.Langguth, "Measuring the moment-to-moment variability oftinnitus: the
TrackyourTinnitus smart phone app," Frontiers in Aging Neuroscience, vol.
8,2016.

2. L. Shu, Y. Chen, Z. Huo, N. Bergmann, and L. Wang, "When Web Crowd

Sensing Meets Traditional Industry," IEEE Access, 2017.

3. R. Ganti, F. Ye, and H. Lei, "Web crowdsensing: current state and future
challenges," IEEE Communications Magazine, vol. 49, no. 11, 2011

29