dagnolopes/ChatApp

chat app using react-native and firebase

Chat App using React Native Expo and Firebase

• See a video tutorial showing how to clone this repository 👉🏼 https://www.youtube.com/watch?v=iHrTQDHq1WI&t=385s

• Check out the Tutorial 👉🏼 https://www.youtube.com/watch?v=B6bKBiljKxU&t=323s

How to clone

Clone the repo

git clone https://github.com/betomoedano/ChatApp.git

cd into the just created project and install dependencies with yarn

cd ChatApp && yarn

Add your firebase backend config in the firebase.js file

const firebaseConfig = {
  apiKey: Constants.expoConfig.extra.apiKey,
  authDomain: Constants.expoConfig.extra.authDomain,
  projectId: Constants.expoConfig.extra.projectId,
  storageBucket: Constants.expoConfig.extra.storageBucket,
  messagingSenderId: Constants.expoConfig.extra.messagingSenderId,
  appId: Constants.expoConfig.extra.appId,
  databaseURL: Constants.expoConfig.extra.databaseURL,
  //   @deprecated is deprecated Constants.manifest
};

Run the project

expo start

Congratulations 🎉 Now you have a functional Chat App working locally

Subscribe to my channel

Known issues

Expo SDK and libreries are always updating their versions and deprecating others. before installing the libreries run.

yarn add expo@latest

Next you can run:

    npx expo install --fix

Older versions of react-native-gifted-chat have a some issues. make sure you have the latest.

npx expo install react-native-gifted-chat@latest

Expo will show you what dependencies need to be updated. Install the dependencies expo suggest you. It is possible that there is cache and you have to run.

yarn start --reset-cache