> For the complete documentation index, see [llms.txt](https://legendbae.gitbook.io/legendbae-connect-to-people/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://legendbae.gitbook.io/legendbae-connect-to-people/installation/untitled.md).

# App Setup

## Firebase Configuration <a href="#admin-web-dashboard" id="admin-web-dashboard"></a>

### 1. Create a Firebase Project <a href="#id-1-create-a-firebase-project" id="id-1-create-a-firebase-project"></a>

Head over to [Firebase.com](https://firebase.google.com/) and create a new account. Once logged in, you’ll be able to create a new project in the [Firebase Console](https://console.firebase.google.com/u/0/).

* Create a new account on [Firebase.com](https://firebase.google.com/)
* Create a new project in [Firebase Console](https://console.firebase.google.com/)
* Enable Phone, Google & Facebook auth method in *Firebase Console* -> *Authentication* -> *Sign-in method*
* Create a new iOS app, with App ID *com.example*

![](/files/-MGr2Vp9VRhMmx-5prnl)

* Create a new Android app with package name *com.example*
* Download the configuration file generated at the next step to your computer (*GoogleService-Info.plist* for iOS, and *google-services.json* for Android)
* Create database from Cloud Firestore

![](/files/-MGr4XxxJQ_DEgJEx88H)

### 2. Create a Cloudinary Account <a href="#id-1-create-a-firebase-project" id="id-1-create-a-firebase-project"></a>

* Create a cloudinary app for media uploading. <https://cloudinary.com/documentation/how_to_integrate_cloudinary>

### 3. Create a Stripe Account <a href="#id-1-create-a-firebase-project" id="id-1-create-a-firebase-project"></a>

* Create a stripe account for the payment gateway. <https://www.paulisystems.net/how-to-create-a-stripe-account-for-online-payment-processing/?cn-reloaded=1>

## Mobile App Configuration <a href="#admin-web-dashboard" id="admin-web-dashboard"></a>

Steps to initiate the app.

* Go to the App folder

* Type on terminal: `npm install`

* Open a code editor of your choice.<br>

* Go to `src/config/config.js`. Update\
  `WEB_CLIENT`  with `YOUR_WEB_CLIENT`  (Get this value from Firebase console > Authenication > Sign in Method > Google > Web SDK Configuration)\
  `CLOUDINARY_PRESENT_NAME,` with `YOUR_CLOUDINARY_PRESENT_NAME` (Get this value from Cloudinary dashboard > Settings > Upload > Upload presents)\
  `CLOUDINARY_CLOUD_NAME` with `YOUR_CLOUDINARY_CLOUD_NAME` (Get this value from Cloudinary dashboard)\
  `STRIPE_PUBLIC_KEY` with `YOUR_STRIPE_PUBLIC_KEY` (Get this value from Stripe dashboard > Developers > API keys)

  `STRIPE_CLOUD_SERVER_URL` with `YOUR_STRIPE_CLOUD_SERVER_URL` (Get this value from  below **How to get stripe cloud URL**)&#x20;

  `IS_STRIPE_LIVE`  set `true` and `false` (Set true if you use live `STRIPE_PUBLIC_KEY` otherwise false)

* Facebook Setup On Android and iOS\
  iOS:\
  1\) Navigate to **`ios`** folder\
  2\) Navigate **`Epicbae/Info.plist`** replace the `value` of `FacebookAppID` and `FacebookDisplayName` with `YourFacebookAppID` & `YourFacebookDisplayName`  \
  Android: \
  1\) Navigate to **`android`** folder\
  2\) Navigate **`app/src/main/res/values/strings.xml`** replace the `value` of `facebook_app_id` and `fb_login_protocol_schema` with `yourfacebook_app_id` & `yourfb_login_protocol_schema`

* Firebase Setup on Android and iOS\
  iOS:\
  1\) Navigate to **`ios/Epicbae`** folder\
  2\) Added **`GoogleService-Info.plist`** file to project \
  Android:\
  1\) Navigate to **`android/app`** folder\
  2\) Added **`google-services.json`** file to project<br>

* If you would like to run the app in Android, you need to connect an Android phone to a system or you can run the app on an Android emulator. Type `react-native run-android` Make sure that you have configured the AVD before running the command. If you would like to run the app on an iPhone simulator(MacOS), run `react-native run-ios`.\
  NOTE: Make sure you run the Epicbae.xcworkspace project<br>

### 2. How to get stripe cloud URL <a href="#id-1-create-a-firebase-project" id="id-1-create-a-firebase-project"></a>

* We then need to install the firebase-tools package globally using NPM.\
  `$ npm install -g firebase-tools`
* Now we have firebase-tools installed, we should log in to our firebase account and initiate a new project in our project directory. You will get a choice of which services you would like to use — you only need to select ‘Functions’ here for now.\
  `$ firebase login` \
  `$ firebase init`
* Let’s move into the functions folder.\
  `$ npm install`
* We can then deploy our function and get our endpoint (Function URL in output in screenshot).\
  `$ firebase deploy --only functions`

![](/files/-MHKJuMWQt9eOkyrjc8L)

* **Additional Information** \
  1\) Here is Facebook Authentication Step for Integration on iOS and Android  <https://firebase.google.com/docs/auth/?authuser=0>\
  2\) Here is Stripe payment with Firebase Cloud function tutorial\
  <https://medium.com/enappd/stripe-payment-integration-in-react-native-apps-using-firebase-926c3b1f1448>

&#x20;


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://legendbae.gitbook.io/legendbae-connect-to-people/installation/untitled.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.