https://github.com/thilinajayamal/live-chat-app
live chatting app
https://github.com/thilinajayamal/live-chat-app
expo firebase firebase-auth firestore-database mobile-app mobile-development react-native
Last synced: 8 months ago
JSON representation
live chatting app
- Host: GitHub
- URL: https://github.com/thilinajayamal/live-chat-app
- Owner: ThilinaJayamal
- Created: 2024-09-05T06:39:58.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-09-20T17:06:14.000Z (about 1 year ago)
- Last Synced: 2025-01-13T02:26:53.447Z (9 months ago)
- Topics: expo, firebase, firebase-auth, firestore-database, mobile-app, mobile-development, react-native
- Language: TypeScript
- Homepage:
- Size: 795 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
---
# 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:
```bash
git clone https://github.com/ThilinaJayamal/live-chat-app.git
```
2. Navigate to the project directory:
```bash
cd live-chat-app
```
3. Install dependencies:
```bash
npm install
```
```bash
npx expo install firebase
```
4. Set up Firebase:
- Create a Firebase project in the [Firebase Console](https://console.firebase.google.com/).
- Add your Firebase configuration to a `.env` file in the root directory.
```env
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:
```bash
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
## 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.
---