MapPoints-React-Native

This mobile application was built using Expo and React Native, and contains several useful features. The main purpose of the application is to allow users to add and save points of interest on a native map.

Technologies Used

• React Native
• Expo
• react-native-maps
• Modal component
• useState

Features

The application contains the following features:

• Integration of the device's native map using react-native-maps
• A list that stores the points added by the user
• A Modal component that allows the user to name the point to be saved
• Use of the Marker function of mapview to display markers on the map
• onPress events were added to allow users to interact with the markers
• Use of useState to handle the state of the application and dynamically update the user interface based on user interactions.

Installation

Clone or download this repository to your local machine.

gh repo clone torrresagus/MapPoints-React-Native

Open the project folder in your terminal.

cd MapPoints-React-Native

Install the project dependencies.

yarn install

Start the application.

yarn start

Open Expo on your mobile device or on an Android or iOS emulator.

Scan the QR code displayed on your terminal or on the Expo webpage.

The application will open on your mobile device or emulator. That's it! Now you can test the application and see how it works.

Credits

I want to thank Nicolás Schürmann Lindemann, also known as "HolaMundo", for his training that helped me create this application. The knowledge I gained in his training allowed me to integrate several advanced features in my Expo and React Native application.

Feel free to clone or fork this repository to continue learning and building with React Native. Thank you for checking out this project!