Empowering Food Bank Clients with the Dignity of Choice

Smooth Shopping enables food banks to allow their clients to shop for goods online using an monthly credit system. In the backend, Smooth Shopping provides an inventory and order processing system.

Backend: Headless Drupal | Front end: a React app.

Developed in partnership with the House of Omeed during #HACKVAN2021.

Please contact one of the code maintainers to learn more about the project and how you can contribute.

• Project Summary (for October 2021 hackathon #HACKVAN2021)
• Figma Prototype and Case Study by Jenny Obrecht
• App Screenshots of the Frontend and the Backend

Figure 1-2: The login (left) & home (right) pages on the frontend. See more frontend screenshots.

Figure 3: The product overview page on the backend. See more backend screenshots.

Outlines the basic functionality of the app.

1. (Family receives a shopping credit that is topped up each month)
2. Family opens app on their computer or phone
3. Family scrolls through catalog and selects what they would like to buy
4. Family checks out & deducted from credit
5. Family arrives at the House of Omeed food bank
6. Family show staff an order number.
7. Family receives groceries

1. Staff receives a notification
2. Staff open dashboard with recent orders
3. Staff view and collect the requested groceries
4. When family is given the groceries, staff sets the order as complete

1. Admin registers a new family on their desktop
2. Admin helps family install the app on their phone
3. Input user name and password to log in to family’s account

1. Staff opens backend app on their phone
2. Staff takes photos of product (replaces old photos if any)
3. Staff updates any information
4. Staff saves product