Skip to content

CaglarTaha/Map-Box-React-Native-Expo

Repository files navigation

MapApp with Mapbox and Expo

Welcome to MapApp, a React Native application built with Expo that leverages Mapbox for seamless and interactive maps. This project is designed to be easily accessible and customizable for developers of all levels. Whether you're a beginner or an experienced developer, you can get up and running with Mapbox in just a few steps!

Simulator Screenshot

Features

  • Mapbox Integration: Explore the powerful mapping features provided by Mapbox.
  • Expo Development: Simplify your development process with Expo’s tools and services.
  • Safe Area View: Optimized for all screen sizes and safe areas.
  • Environment Variables: Secure and manage your Mapbox token with environment variables.

Getting Started

Follow these steps to set up the project on your local machine:

Prerequisites

  • Node.js (LTS version recommended)
  • Expo CLI installed globally:
    npm install -g expo-cli
  • Mapbox Access Token: Sign up for a free Mapbox account and generate an access token here.
  • Install Mapbox for Expo (https://rnmapbox.github.io/docs/install)

Installation

  1. Clone the Repository:

    git clone https://github.com/yourusername/mapapp.git
    cd mapapp
  2. Install Dependencies:

    npm install
  3. Set Up Environment Variables:

    • Create a .env file in the root of your project:
      ACCES_TOKKEN=your_mapbox_access_token_here
      
  4. Start the Development Server:

    npx expo start
  5. Run the App:

    • Use the Expo Go app on your iOS or Android device to scan the QR code and run the app instantly.

Project Structure

.
├── App.js
├── .env
├── node_modules/
├── package.json
└── README.md

Customization

Feel free to customize the app to suit your needs. You can modify the Mapbox map styles, markers, and other features by referring to the Mapbox documentation.

Troubleshooting

If you encounter any issues, ensure that your environment is set up correctly and that your Mapbox token is valid. You can also refer to the Expo and Mapbox documentation for more help.

Contributing

We welcome contributions! If you’d like to improve the app, feel free to fork the repository, make your changes, and submit a pull request.

How to Contribute

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature/YourFeature).
  3. Commit your changes (git commit -m 'Add YourFeature').
  4. Push to the branch (git push origin feature/YourFeature).
  5. Open a pull request.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published