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-storage
  used to manage local data.

• 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

Model

Database

Views

Login Views

Food Diary Views

This page will consist three views. The search bar component will contain a text input field and a button. When this button is clicked it will populate the search results component with results obtained from the USDA API using the text from the input field. The Search results component will consist of a flat list containing result components. These components will display the name, calories, brand, and serving size of each result and will add the corresponding item to the users food diary on click. The third view will be the navigation bar which is common to the majority of pages in the app. # Release Our code base will be built and distributed as a .apk file