Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/iyansr/ngobrol-dong
Diem diem bae...
https://github.com/iyansr/ngobrol-dong
Last synced: about 3 hours ago
JSON representation
Diem diem bae...
- Host: GitHub
- URL: https://github.com/iyansr/ngobrol-dong
- Owner: iyansr
- Created: 2019-12-09T04:13:08.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2021-07-29T21:31:13.000Z (over 3 years ago)
- Last Synced: 2024-08-01T21:43:21.280Z (3 months ago)
- Language: JavaScript
- Homepage:
- Size: 2.85 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 24
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-made-by-indonesian - Ngobrol Dong App - `Ngobrol is chat application that user track friends location, built with React Native integrated with Firebase and Mapbox` *by [I Putu Saputrayana](https://github.com/iyansr)* (N)
- made-in-indonesia - Ngobrol Dong App - `Ngobrol is chat application that user track friends location, built with React Native integrated with Firebase and Mapbox` *by [I Putu Saputrayana](https://github.com/iyansr)* (N)
README
# 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](https://firebase.google.com/)
- Make sure you have [MapBox API Key](https://www.mapbox.com/)
- Clone this Repository `git clone https://github.com/iyansr/ngobrol-dong.git`
- Create Firebase config on `src/Configs/Firebase.js`
```javascript
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`
```javascript
export const mapBoxAPiKey = 'xxxxxxxxxx'
```
- Install Dependencies
```bash
# with yarn
$ yarn install
# or with npm
$ npm install
```
- Connect device or use emulator
- Run the app
```bash
$ 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)