Architecture

Libraries and Frameworks

Our project will use the following:

• React Native
  Used to create the user interface.

• React-navigation
  Used for navigation between pages within the app.

• React-native-firebase
  Interface between the app and Firebase.

• Firebase
  Data hosting and user authentication.

• npm
  Package manager.

• Expo
  Building and testing the application.

• USDA FoodData Central API
  Used to retrieve nutritional data.

Work Distribution

• Brent Hopkins: #22, #25
• Mostafa Mohamed Ali: #17, #18, #19

Model

Database

Schema

Common Queries

• get the food diary of a specific user
• get the sleep diary of a specific user

Views

Login

Background: contains the background color and welcome text.
Buttons: contains the buttons used to sign in or create a new account

Email Login

Background: Contains the background color
Sign in menu: contains the email and password fields along with the sign in button

New User Landing Page

Background: contains the background color
New user menu: contains the create account button, text fields , and drop down menus needed for account creation

Home Screen

Background: contains the background color
Goal: shows the user their macro nutrient and calorie stats for the current date
Trending: contains trending recipes and their nutritional info
Sleep: contains the users sleep data for the past week
Navigation: contains the buttons used to navigate to other pages within the app

Food Diary

Background: contains the background color
Date: contains the currently selected date and the buttons to change it
Calories: contains the users calorie information for the specified date and an ellipsis used to navigate to the nutrient page
Food: contains each meal and its entries along with the buttons needed to add a new entry to each meal
Navigation: contains the buttons used to navigate to other pages within the app

Nutrients

Background: contains the background color
Header: contains the selected date along with the buttons to change it and a button to return to the food diary
Nutrients: contains nutrient information for the selected date displayed as %DV
Navigation: contains the buttons used to navigate to other pages within the app

Food Search

Background: contains the background color
Search: contains the text field and button used to search for food
results: displays the results of the last search and the buttons needed to add each result
Navigation: contains the buttons used to navigate to other pages within the app

Food Details

Background: contains the background color
Details: contains the name of the food, an image (if available), serving size, nutritional information for the food and a button to save the food to the users diary
Navigation: contains the buttons used to navigate to other pages within the app

Recipe Search

Background: contains the background color
Search: contains the text field and button used to search for recipes
Results: contains the recipes that were found by the search
Navigation: contains the buttons used to navigate to other pages within the app

Detailed Recipe View

Background: contains the background color
Details: contains information about the recipe such as name, ingredients, instructions, nutritional information, and a photo (if available)
Navigation: contains the buttons used to navigate to other pages within the app

Settings

Background: contains the background color
Header:

Edit Personal Data

Background: contains the background color

Dietary Restrictions

Background: contains the background color

Sleep

Background: contains the background color

Recipe Book

Background: contains the background color

Release

Our code base will be built and distributed as a .apk file