Skip to content

ThilinaJayamal/live-chat-app

Repository files navigation


React Native Expo App with Firebase Backend

This project is a mobile application developed using React Native and Expo, with a backend powered by Firebase. The app includes user authentication features, allowing users to sign in and sign out using their email and password.

Features

  • User Authentication: Secure sign-in and sign-out functionality using Firebase Authentication.
  • Real-time Messaging: Chat functionality powered by Firebase Firestore, enabling real-time communication between users.
  • Responsive UI: A user-friendly interface designed with React Native components and styled for both iOS and Android platforms.
  • Navigation: Smooth navigation experience using expo router.

Installation

  1. Clone the repository:
    git clone https://github.com/ThilinaJayamal/live-chat-app.git
  2. Navigate to the project directory:
    cd live-chat-app
  3. Install dependencies:
    npm install
    npx expo install firebase
  4. Set up Firebase:
    • Create a Firebase project in the Firebase Console.
    • Add your Firebase configuration to a .env file in the root directory.
    API_KEY=your-api-key
    AUTH_DOMAIN=your-auth-domain
    PROJECT_ID=your-project-id
    STORAGE_BUCKET=your-storage-bucket
    MESSAGING_SENDER_ID=your-messaging-sender-id
    APP_ID=your-app-id
  5. Start the development server:
    npm start

Usage

  • Sign In: Users can sign in using their email and password.
  • Sign Out: Users can securely sign out of their account.
  • Chat: Users can send and receive messages in real-time.

Screenshots

image description image description image description image description

Contributing

Contributions are welcome! Please open an issue or submit a pull request for any improvements or bug fixes.

License

This project is licensed under the MIT License.