Architecture
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.
- Brent Hopkins: #22, #25
this page will consist of three views. The overview component will consist of the currently selected date, buttons to change the date, the users currently remaining calories, and an ellipsis which will navigate to the nutrients page for the currently selected date when clicked. The second view will consist of 4 meal components which will display the entries for that meal along with buttons to remove each entry and a button to add a new entry to that meal which will navigate to the food search screen. The third view will be the navigation bar as described in the home page view
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 food 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 as described in the home page view
Our code base will be built and distributed as a .apk file