Skip to content

m0rniac/reactnative-mapsinfo

Repository files navigation

🌍 React Native MAPS INFO

This is a React Native (with Expo CLI) Android oriented APP that allows you to find and explore information about countries by tapping on the map. It displays details such as the country's name, capital, region, population, and more. You can also view beautiful photos of the selected country. 🗺️ 📸

Demo:

demo.mp4

Table of Contents

  • 🚀 Installation
  • 📱 Usage
  • 🌐 Map Types
  • 🔍 Search
  • ✉️ Feedback

🚀 Installation

To run this application on your local machine, follow these steps:

  • Clone the repository:
git clone https://github.com/m0rniac/reactnative-mapsinfo.git
cd reactnative-mapsinfo
  • Install dependencies:
npm install
  • Start development server:
npm run start

📱 Usage

  • The application displays a map where you can tap to select a location.
  • When you tap on a location, it finds the nearest country and provides information about it.
  • You can change the map type by clicking on the "Layer" button in the header.
  • To search for a specific country, enter its name in the search input, and it will suggest matching countries. 🌍

🌐 Map Types

You can change the map type to one of the following options:

  • Standard 🗺️
  • Satellite 🛰️
  • Hybrid 🌏

🔍 Search

The search functionality allows you to look for specific countries by name. As you type, it will suggest matching countries. You can select a suggested country to view its details.

✉️ Feedback

If you have any feedback or questions, please feel free to reach out:

Instagram

Buy me a coffee