103 lines (79 loc) · 4.46 KB

EC463: SW Mini Project

Team: SW-07

Project Demo Video Linked Here

For bugs and issues, see our Github Issues
For information on ur REST APIS, see our Github Wiki

Team Members:

Haoxuan Li - HaoxuanLi123
Nancy Zheng - nancyzhe

Table of Contents:

Project Overview
Project Architecture
How to Run
Design Decisions
Testing
Final Designs

Project Overview:

A cross-platform mobile application that allows the user to scan food items and check the nutritional information.
Complete signin, signup, and logout functionality.
Designed with REACT Native to offer a seamless transition from screen to screen.
Utilizes the FDA API which returns details on a particular food.

Project Architecture:

How to Run: (Assuming that you have Node 12 LTS or greater installed)

Install Expo CLI command line utility.
```
 npm install -g expo-cli
```
Install the Expo Go App on your mobile device.

Clone the responsitory using the following command in your terminal.

git clone https://github.com/https://github.com/nancyzhe/EC463_SW-07_Mini_Project.git

Switch into the project directory.
```
cd EC463_SW-07_Mini_Project
```
Install the necessary packages.
```
npm install
```
Start the project.
```
expo start
```
Using your phone's camera, scan the QR code provided.
Sign-in with an existing account or sign-up if you do not have an account (password must be at least six characters).
Start scanning!

Design Decisions:

Frontend: React Native Expo CLI
Backend: NodeJS
Sign-in/Sign-up Authentication: Firebase Console
Camera/Barcode Scanner: expo-barcode-scanner

Testing:

Started with enabling barcode scanning functionality

Then we discussed and tried to implement a double-button design on the pop-up alert

At the same time, we implemented a better UI design by using Tab navigator

We also uses nested Stack navigator inside tabs. At this time, we also implemented FDC API functionality

While testing, we had an common error due to large amount of API calls

Final Designs: