A simple chat application built with React Native and Expo. The start screen allows anonymous sign in, lets the user choose a background color, and then navigates to a chat screen powered by Firebase.
- Background image on the start screen
- Anonymous authentication with Firebase
- Selectable overlay background color
- Chat interface using react-native-gifted-chat
- Works on Android, iOS and web
- Send images from your library or camera
- Share your location with an embedded map
- Offline message caching using AsyncStorage
- Real-time updates powered by Firebase Firestore
- React Native with Expo for cross-platform development
- React Navigation for routing
- Firebase Authentication, Firestore, and Storage
- Expo ImagePicker, MediaLibrary, and Location
- React Native Maps for displaying shared locations
- Node.js and npm
- Expo CLI
- React Native environment set up (Expo or Bare Workflow)
- A physical device or emulator/simulator to run the app
- Clone this repository
git clone https://github.com/your-username/your-repo-name.git cd your-repo-name - Install the dependencies
npm install
- Start the development server
Scan the QR code with the Expo Go app or press a to open an Android emulator and i for iOS.
npx expo start
assets/ Image and media files
components/
Start.js Start screen where users sign in
Chat.js Chat screen implementation
CustomActions.js Additional chat actions
firebaseConfig.js Firebase configuration
App.js Entry point of the application
Use the built-in scripts for convenience:
npm run android # Build and run on Android
npm run ios # Build and run on iOS
npm run web # Run the project in the browser
Contributions are welcome! Feel free to open an issue or submit a pull request.
MIT