Map and Venue Profile
- Node.js >= 20.0
- npm >= 9.8
- Expo CLI
- Android or iOS device/emulator for testing
react-native-maps
rn-sliding-up-panel
expo
react-redux
git clone https://github.com/xMonty/sociabilitydemo
cd sociabilitydemo
Run the following command to install the required npm packages.
npm install
Or, if you are using yarn:
yarn install
To start the Expo development server:
expo start
This will open a new window in your web browser with a QR code. Scan this QR code using the Expo Go app on your Android or iOS device.
- Display Google Maps with a markers loaded from https://my-json-server.typicode.com/xmonty/sociabilitydemo/markers
- A Sliding Up Panel that shows more information about a selected marker
- Accessibility features
- Open the app and you'll see a map focused on London.
- Tap on the marker to bring up the Sliding Up Panel from the bottom.
- The panel contains more information about the marker.
Add your google maps keys to app.json under -> googleMapsApiKey