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 UIThis demo uses:
- React Native
- Firebase
- Expo
To run the demo follow these steps:
- Clone the github project on the terminal
git clone https://github.com/Daltonic/signal-clone
. - 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', }
- Open new terminal and run the following commands.
yarn install yarn start # The app will lunch on the browser
- Open the browser and select the web interface option.
Questions about running the demo? Open an issue. We're here to help โ๏ธ
- ๐ Website
- ๐ฅ React Native
- ๐ Firebase
- ๐ Expo