Smooth Shopping

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.

Helpful Links:

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

App Screenshots

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.

Usage Stories

Outlines the basic functionality of the app.

Family - Ordering Groceries

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

Staff - Receive Grocery Order

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

Admin - Creating Account for Family

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

Staff - Creating or Updating Product

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