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