# Quick Start Guide

\
**Quick Start Guide:**

**The following guide will enable you to customize the app to your own preference**

Copy the downloaded code from codecanyon and place it under documents or any directory of your choosing.

Open the snappreneurBundle folder and run \<npm install> on your command line interface

Install the react-native-rename package by running:

&#x20;npm install react-native-rename –g, to make sure the application is easily renamed to your own.

Rename the project to your preferred name by running:

react-native-rename \<newName>

**Example**:

react-native-rename "Photographers App"

Copy all files from the essential folder and paste them under:

Android/app/src/main/java/com/\<your app name>

Open MainActivity.java from the snappreneurBundle and replace the \<myapp> with your app name on the first line, don’t remove \<com.>

{% embed url="<https://drive.google.com/open?id=1W6l7qcTrOkg0L-xC535annRoveBo_-2N>" %}

Also replace \<myapp> on line 13 with your app name as in the above scrrenshot.

Open MainApplication.java and replace the \<myapp> with your app name on the first line, don’t remove \<com.>

{% embed url="<https://drive.google.com/open?id=1dDhK0vUwgbSGBcBIMICFbxdVrZ-NfIx4>" %}

Open SplashActivity.java and replace the \<myapp> with your app name on the first line, don’t remove \<com.>

{% embed url="<https://drive.google.com/open?id=197DpMkB4GcA4rnWYYYqDoLJUSZZCFMKq>" %}

Open Components/mainscreen.js and edit line 112. and enter your app’s name

on line 113 change the path to the app logo icon - if you please - to your own icon/logo

{% embed url="<https://drive.google.com/open?id=1keuCXQQ-FtJ2mn-L3ZzfCBk-LxuaeL41>" %}

**Demo app login details:**

**Photographer 1:**

**email =** [**mbali@me.com**](mailto:mbali@me.com)

**Password =** passwords

**Photographer 2:**

**email =** [**nathi@me.com**](mailto:nathi@me.com)

**Password =** password

**Folders structure**:

{% embed url="<https://drive.google.com/open?id=1gqI03lsYB6SMKkB-rLWy_b4zL5kvYIl8>" %}

**Assets** – holds your logo and default profile picture.

**Android** – hosts all the configuration of the app, only focus on those that are listed on this documentation.

**Components** – holds all the code the runs the app.

\- independent items can be used from this, i.e. pricing page or grid images gallery

**Essential** – configs files to be copied as per instructions on the quick start guide

**Firebase\_functions\_pushNotification\_script** – script to setup push notifications.