izlatkin/GroupGroceryList

Original App Design Project - README Template

Groceries Galore

Table of Contents

1. Overview
2. Product Spec
3. Wireframes
4. Schema

Overview

Description

An app that allows users to add members to a group, create shared grocery lists, and share recipes. Would prevent families or roommates from buying the same groceries or forgetting groceries.

App Evaluation

[Evaluation of your app across the following attributes]

• Category: Personal/Social Media
• Mobile: This app is intended entirely for mobile since people would not be bringing laptops or desktop computers with them to go grocery shopping.
• Story: Allows families, roommates, or any group of people to share a grocery list, allowing all members of the group to add to the list as well as know what needs to still be picked up. Also allows users to connect by sharing recipes.
• Market: Families, groups of roomates / friends, people who enjoy cooking. The primary age group is college aged students with roommates, but people of all ages could use the app.
• Habit: Multiple times per day when adding items, 1-2 times per week when going shopping
• Scope: We will begin by using the Walmart API to possibly show pictures of the items on the grocery list, but it could possibly evolve to include several different types of grocery stores or even youtube for how-to videos for the recipes shared on the app.

Product Spec

1. User Stories (Required and Optional)

Required Must-have Stories

• Users can search a grocery API and add items to their personal list and mutually shared lists.
• Users can create a profile and add other app users to a group in which a mutually shared grocery list is present.
• Grocery items can be added, removed, and notes/comments can be added for each item.
• As user shops, can move collected items to a separate list to differentiate between items that still need to be collected.

Optional Nice-to-have Stories

• Direct messaging features
• Maps API to find grocery stores nearby
• Scanning receipts and pulling total cost from it.
• Tracking how much money users in a group spend on groceries

Walkthrough videos

Account creation and list creation (11/8/2021)

Lists displaying and searching for items (11/15/2021)

Settings and Profile Walkthrough (11/22/2021)

Final Walkthrough

2. Screen Archetypes

• Login/Sign Up

  • When opening the app for the first time, the user needs to choose to either login to an existing account or sign-up for a new account.

• Personal Profile Screen

  • User will see their profile picture, name, groups they are in, have the option to add a group, and see what groups they are invited to.
  • When user clicks on a specific group, they are taken to another screen:Individual Group View
    • In individual Group View, the user can see the members of a specific group and has the option to add members

• My Lists Screen

  • User sees the lists they are a part of, has the option to create a new list.
  • When user clicks on a specific list they are taken to the Specific List View screen
    • User has the ability to see what needs to be bought, what has already been picked up, and can move things from one side to the other. User can also add items to the list

• Share/Find Recipes (Optional)

  • User can see recipes other users have shared, the rating recipes have recieved, as well as share their own recipe
  • Ingredients View
    • Shows necessary ingredients for a recipe and gives the user the option to add ingredients to a specifc list
      • The user gets a drop-down option of which list to add it to as well as the option to create a new list

• Settings Screen

  • Allows the user to change their profile name, password, image, and viewing mode

• Messaging Screen (optional)

  • Allows the user to direclty message other users of the app

3. Navigation

Tab Navigation (Tab to Screen)

• My Profile
• My Lists
• Settings

Optional Navigation

• Shared Recipes
• Direct Messaging

Flow Navigation (Screen to Screen)

• Login/Signup -> After successful login, user is taken to My Profile Screen with tab bar at the bottom
• My Profile -> Individual Group View
• Shared Recipes-> Ratings Section and Recipe View -> Drop down view of lists
• Messaging Screen -> Individual Direct Messages

Wireframes

Paper_wireframe.pdf

[BONUS] Digital Wireframes & Mockups

[BONUS] Interactive Prototype

Schema

[This section will be completed in Unit 9]

Models

Models

Grocery Item (stored in Parse backend)

Property	Type	Description
objectId	String	ObjectId generated by Parse
createdAt	Date	Date that grocery item was added to backend
ItemName	String	Title of grocery item
ItemImageURL	String	URL of image for grocery item

User Profile (stored in Parse backend)

Property	Type	Description
objectId	String	ObjectId generated by Parse
createdAt	Date	Date that profile was added to backend
UserName	String	Profile user name
RealName	String	Actual name of user
ProfileImage	File	Profile picture of account

Networking

• Login Screen
  • (Create) Create a new account when user signs up
  • (Read/Get) Find user's account when user signs in
• My Profile Screen
  • (Read/Get) Get user's information (name and profile picture)
  • (Read/Get) Get user's existing groups and lists
  • (Read/Get) Get invites sent to user
  • (Update) Update invites sent to user
  • (Update) Existing groups and lists
  • (Create) Create new groups
  • (Delete) Delete existing groups
• My Lists
  • (Read/Get) Get user's existing lists
  • (Create) Create new lists
  • (Update) Add and change items on lists
  • (Read/Get) Get group members for each list
• Settings
  • (Read/Get) Get user's information (name and profile picture)
  • (Update) Update user's name
  • (Update) Get user's profile picture
  • (Update) Update user's username and password
  • (Read/Get) Get user's username and password
  • (Read/Get) Get user's selected viewing mode
  • (Update) Update user's selected viewing mode
  • (Delete) Delete User's profile
• Shared Recipes
  • (Read/Get) Get shared user recipes
  • (Update) Update shared user recipes
  • (Create) Create new user recipes
  • (Delete) Delete shared recipes
• Direct Messaging
  • (Read/Get) Get messages
  • (Update) Update sent and recieved messages
  • (Create) Create new messages
  • (Delete) Delete sent messages
  • (Read/Get) Get user name and pictures for sender and receiver

• [Create basic snippets for each Parse network request]
• [OPTIONAL: List endpoints if using existing API such as Yelp]