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

---

Copyright © 2020 by I Putu Saputrayana (Iyan Saputra)