EATUP

In October 2018, I had the chance to attend my first hackathon, Elle Hacks.
I teamed up with three other ladies that were attending, and we all agreed we wanted to participate in the “TD Green Challenge”. We sat down and discussed what kinds of meanings can “green” suggest. We decided helping build a “smart city”, protecting the nature, and helping out to make our society healthier and happier were some subjects we are passionate about.

Eatup logo

About EATUP

EATUP is a tool of communication between consumers and food donors. EATUP serves as a platform to let individuals and companies protect our environment by reducing the amount of wasted food and also support the health care of those who that are going through hardship by providing them with healthy nutritions.

Prerequisites

This web application runs on any web browser.
This prototype was made using HTML, CSS, JAVASCRIPT, and Bootstrap.

Group Members

Sara Azari
Chloe Ierullo
Maria Poveda
Tina Abbasi



The problem

We live in a society where while there are people who sleep hungry, restaurants throw their excess ingredients out every night! We want to create a way to connect those who in need to the available resources for consumption.



Personas



The Solution

The homeless needs food, the food places have extra food; The only thing we need to solve is figuring out a way for this food to make its way where it belongs!


Since this was a UX design process and we wanted our product to be user-centered, I took the lead of doing some research to learn more about our personas. Some of the design problems we faced are:



Possible solutions



USE CASE SCENARIO

Companies side of the story

Scott (worker at a participating food place) after closing the place and having gathered up the leftovers, is ready to leave for the night. He may now use the web application

Step 1

Scott will load the website.
Then he will click on the “companies” button.


eatup 1

Step 2

The sign in page will come up.


eatup 2

Step 3

Scott can fill out a table containing all the available food and its amount that they have. The app has a pre-made menu of all items there might be available for any participating food place.


eatup 3

Step 4

This scenario assumes that they have 2 sandwiches and 1 salad to donate tonight! Oh! And 7 muffins.


eatup 4

Step 5

The confirmation page will pop up, and now all Scott has to do is to drop these foods at the EATUP box outside his store. Employees have a specific code that opens the box for them. Scott should also throw out any left overs remaining in their EATUP box since the night before.


eatup 5

Consumers side of the story

Supporting people in need and realizing they may not own or have easy access to electronic devices and an internet connection, we thought the EATUP system should provide the means for them to access the system, so we thought we would insert tablets inside a few major homeless shelters. Considering the problem of accessing the web application is solved, this is the scenario that we expect to happen:

Step 1

Fatima (the user) will load the website.
She will then click on the “consumers” button.


eatup 1

Step 2

Fatima will use the interactive map to find the nearest available food to her.


eatup 6

Step 3

Next, the EATUP web application will show all the nearby available choices to Fatima.


eatup 7

Fatima can use the “Dietary Restrictions” menu and choose to only see any of Vegetarian, Halal, or Kosher options.


eatup 8

eatup 9

eatup 10

Step 4

Fatima can now look through the options and pick something appealing to her, and her son! She is interested in what is available at starbucks.


eatup 11

Step 5

After Fatima chooses which food place she would like to pick up food from, now all she needs to do is to get a one time random generated code for the EATUP box outside the Starbucks location she picked. All boxes have a digit-based lock that can be opened one time after the employee places the food there at night.


eatup 12

Acknowledgements

This product is inspired by TD GREEN challenge.
This project's code and files live here.