Awesome

Ngobrol Dong App

Ngobrol is chat application that user track friends location, built with React Native integrated with Firebase and Mapbox

Features

List Users
Chat
Edit Profile
Upload Image
Show Friends Location
Map

Build Setup

Make sure you have Firebase Account
Make sure you have MapBox API Key
Clone this Repository git clone https://github.com/iyansr/ngobrol-dong.git

Create Firebase config on src/Configs/Firebase.js

import firebase from 'firebase'

const firebaseConfig = {
  apiKey: 'xxxxxxxxxxx',
  authDomain: 'xxxxxxxxxxx',
  databaseURL: 'xxxxxxxxxxx',
  projectId: 'xxxxxxxxxxx',
  storageBucket: 'xxxxxxxxxxx',
  messagingSenderId: 'xxxxxxxxxxx',
  appId: 'xxxxxxxxxxx',
  measurementId: 'xxxxxxxxxxx',
}

let app = firebase.initializeApp(firebaseConfig)

export const Database = app.database()
export const Auth = app.auth()

Create MapBox API config on src/Configs/MapBoxAPI.js
```
export const mapBoxAPiKey = 'xxxxxxxxxx'
```

Install Dependencies

# with yarn
$ yarn install

# or with npm
$ npm install

Connect device or use emulator
Run the app
```
$ npx react-native run-android
```

Stacks

React Native
Firebase
MapBox
NativeBase
React Navigation

Dependencies

react-native-gifted-chat
react-native-image-picker
@react-native-community/async-storage
react-navigation-transitions
react-navigation-tabs
react-navigation-stack
rn-fetch-blob

Screenshots