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

Support My Work

If you find this project helpful and want to support my work, the best way is by enrolling in one of my courses:

• React Native Course: codewithbeto.dev/learn
• React with TypeScript Course: codewithbeto.dev/learnReact
• Git & GitHub Course: codewithbeto.dev/learnGit

For other ways to support my work, please consider:

• Become a Code with Beto channel member: YouTube Membership
• GitHub Sponsors: Sponsor Me

You can also support me by using my referral links:

• Get an exclusive 40% discount on CodeCrafters: Referral Link
• Get a 10% discount on Vexo Analytics with code "BETO10": Vexo
• Sign up for Robinhood and we'll both pick our own gift stock 🎁: Robinhood
• Get 500 MB of Dropbox storage: Dropbox

Your support helps me keep creating amazing projects!

Connect with Me

• Website: Code With Beto
• X (formerly Twitter): @betomoedano
• GitHub: betomoedano
• LinkedIn: Beto Moedano
• Discord: Join Our Community
• Medium: @betomoedano01
• Figma: betomoedano