Git Product home page Git Product logo

torrresagus / mappoints-react-native Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 609 KB

This is a React Native application created as part of my mobile development training. The app uses the native map component in React Native, along with other components like Modal and List, to provide a complete user experience. The Expo platform was also utilized to facilitate development and testing.

Home Page: https://www.linkedin.com/in/torres-agustin/

JavaScript 100.00%
expo react-native react-native-map reactjs

mappoints-react-native's Introduction

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!

mappoints-react-native's People

Contributors

torrresagus avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.