A React Native Chat Application using Firebase.
This project is a template and requires your own Firebase project to run.
- Node.js
- React Native development environment (Android Studio / Xcode)
- A Firebase project
-
Clone the repository:
git clone <repository-url> cd ChatApp
-
Install dependencies:
npm install # or yarn install -
Setup Firebase:
- Create a Firebase Project: Go to the Firebase Console and create a new project.
- Enable Authentication: Enable Email/Password authentication in the Authentication section.
- Enable Firestore: Create a Firestore database.
Configuration:
- Rename
firebaseConfig.example.tstofirebaseConfig.ts. - Open
firebaseConfig.tsand replace the placeholder values with your Firebase project configuration keys (found in Project Settings > General > Your apps > SDK setup and configuration).
export const firebaseConfig = { apiKey: "YOUR_API_KEY", authDomain: "YOUR_AUTH_DOMAIN", projectId: "YOUR_PROJECT_ID", storageBucket: "YOUR_STORAGE_BUCKET", messagingSenderId: "YOUR_MESSAGING_SENDER_ID", appId: "YOUR_APP_ID" };
Android Setup:
- Download
google-services.jsonfrom your Firebase project settings (Android app). - Place it in
android/app/google-services.json.
iOS Setup:
- Download
GoogleService-Info.plistfrom your Firebase project settings (iOS app). - Place it in
ios/ChatApp/GoogleService-Info.plist(or add it via Xcode to the project root).
Android:
npm run androidiOS:
cd ios && pod install && cd ..
npm run iosFeel free to submit issues and pull requests.