fab

Description

A mobile web app where users can post pictures of two outfit options and a community of users can provide feedback on which looks better.

System Requirements

• npm 6.13.7+
• Node 10 LTS or greater installed
• expo-cli
• firebase

Installation

The app uses Firebase as cloud storage and it uses Firebase as a NoSQL database, so to use the app you must set up Firebase.

Linking Firebase and Fab

A few steps are needed to connect Firebase and fab-app.

Create a Firebase project for fab-app

You do this with your browser on the Firebase web console. Follow these instructions.

Initialize Firebase in fab-app before using

If you follow the intructions you will come across a firebase config object. Copy the firebase config object and navigate to the file located at the path ./src/db/init.js, replace the firebase config object in this file with your own.

Installing Expo CLI

Next install npm. Assuming that you have Node 10 LTS or greater installed, use npm to install the Expo CLI command line utility: npm install -g expo-cli

Launching App

1. Download the expo app on your phone.

2. Using your terminal/command prompt navigate to the directory with all the code then type: npm i this will install all the required packages for the app.
   

3. Next type: expo start --tunnel --clear

A QR code will now pop up. If you have an android scan the QR code using the expo app. If you have an iPhone use your camera to scan the QR code. The app will now be running on your phone.

Bugs

Android phones might have a few issues with spacing and navigation due to some React Native features being developed mainly for Apple products