ccsourcecode / signal-clone

This clone infuses firebase and ReactNative to build the messaging mobile app called signal.

How to Build a Private Messaging Chat App with React-Native (Signal Clone)

Read the full tutorial here: >> How to Build a Private Messaging Chat App with React-Native (Signal Clone)

This example shows How to Build a Private Messaging Chat App with React-Native (Signal Clone):

Signal Clone Web UI

Technology

This demo uses:

• React Native
• Firebase
• Expo

Running the demo

To run the demo follow these steps:

1. Clone the github project on the terminal git clone https://github.com/Daltonic/signal-clone.
2. Open the project in VSCode and replace the firebase config object with yours from firebase.

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

3. Open new terminal and run the following commands.

   yarn install
   yarn start
   # The app will lunch on the browser

4. Open the browser and select the web interface option.

Questions about running the demo? Open an issue. We're here to help ✌️

Useful links

• 🏠 Website
• 🔥 React Native
• 🚀 Firebase
• 🏠 Expo