React Native Chat + Backend Firebase

An example of React Native project with Backand Inetgartion and workflow based on react-native-cli

Prerequisites

1. Install latest nodeJs https://nodejs.org/

2. Install React Native CLI(This is global Dependency). react-native-cli

$ npm install -g react-native-cli

Read more react-native-cli

Getting started

1. Clone Project

 $ git clone https://github.com//mafesernaarboleda/react-native-chat-firebase.git
 $ cd react-native-chat-firebase

2. Go to project folder and install dependencies:

$ npm install

3. Set up Firebase

Firebase is a real-time cloud database that helps you build apps without building the backend. You can save and retrieve JSON objects, build user authentication, and get data updates in real-time. All we need for a chat app

Create a new Firebase app on your Firebase console. You’ll need a Google Account.

Rename file from firebase.exmaple.js to firebase.js that can be found by the path: app/configs/firebase.js the config from your Firebase account and paste it to firebase.js

export const firebaseConfig = {
    apiKey: "apikey",
    authDomain: "name.firebaseapp.com",
    databaseURL: "https://name.firebaseio.com/"
}

 

Set up your emulator

iOS

Before running iOS build, Install Xcode

Launch App

$ react-native run-ios

Android

Before run android build, setup Android Studio

Launch App

$ react-native run-android

• ENJOY! 😄

Author

• Maria Fernanda Serna Arboleda - FullStack JavaScript Developer - Github

See also the list of contributors who participated in this project.

License

This project is licensed under MIT - see the LICENSE file for details