https://github.com/bluntbrain/react-native-messenger-library
A location-based chat application built with React Native. It allows users to see other users on a map and start a chat conversation by selecting a user marker on the map.
https://github.com/bluntbrain/react-native-messenger-library
mapbox maps react-native
Last synced: 9 months ago
JSON representation
A location-based chat application built with React Native. It allows users to see other users on a map and start a chat conversation by selecting a user marker on the map.
- Host: GitHub
- URL: https://github.com/bluntbrain/react-native-messenger-library
- Owner: bluntbrain
- Created: 2023-07-29T13:28:44.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-07-31T02:21:11.000Z (over 2 years ago)
- Last Synced: 2025-01-21T17:16:07.661Z (11 months ago)
- Topics: mapbox, maps, react-native
- Language: TypeScript
- Homepage: https://bluntbrain.vercel.app/
- Size: 557 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Hey There! - Location-based Chat Application
Welcome to Hey There! This is a location-based chat application built with React Native. It allows users to see other users on a map and start a chat conversation by selecting a user marker on the map.
https://github.com/bluntbrain/react-native-messenger-library/assets/34113569/a251c83b-369a-4f65-8876-3bfb7a9ba2c3
Technologies Used
```
React Native
React Context API
Mapbox
React Native Gifted Chat
```
## Components
Here are the key components of this application:
1. MapScreen: Shows a map with markers for each user. Tapping on a marker opens a chat with that user.
2. ChatScreen: Displays the chat interface for the selected user.
3. ChatComponent: Handles the logic of the chat application, deciding which screen to display based on whether a user has been selected.
4. AppBar: A reusable component for the app's top bar.