World map -application

App idea

Application to show geolocations and details of different countries on the map.

Features:

• Main screen to display different countries on the list fetched from API.

• Locations are displayed on the map with map markers

• Pressing a marker displays the name of the country

• Markers are grouped and clicking a specific group generates auto zoom

• Selecting a country opens map screen and zooms to selected location

• Selected location has a different marker

• Runs both on Android and iOS

• Dark mode not implemented, but could be done through React Native Appearance in the following way (gets the system theme prefered by user):

- import { useColorScheme } from "react-native";
- const theme = useColorScheme();

Inside styling we could use:
- <Text style={theme == 'light' ? styles.textLight : styles.textDark}>Hello</Text>

Known bugs:

• Android: On the map with all coutries, pin wont change color when active.

Libraries:

• React Native Maps - Link to documents

APIs service:

API service used is Link to documents

• Apis service are tested with Postman
• App runs on Expo client

Screenshots

Some of the views

Installation:

To run this app, install it locally by cloning and use npm:

$ cd ../mobile-assignment
$ npm install
$ npm start

Open expo client app on mobile device and start using.