driveMode

A React Native app for route planning and navigation, built with Expo and React Navigation.

Features

• Map view with route directions using Google Maps
• Real-time user location with permission handling
• Bottom tab navigation with custom SVG icons
• Routing details with estimated times and addresses
• Modular component structure

Project Structure

driveMode/
  App.js
  app.json
  babel.config.js
  package.json
  assets/
  components/
    reuseable/
      MapViewCard.js
    screens/
      HomePage.js
      FavoritePage.js
      MessagePage.js
      OptionPage.js
      ProfilePage.js
    styles/
      styles.js
  ext-assets/
    drive.js
    favourite.js
    message.js
    option.js
    profile.js
    img/

Getting Started

Prerequisites

• Node.js & npm
• Expo CLI (npm install -g expo-cli)

Installation

1. Clone the repository.

2. Navigate to the driveMode directory.

3. Install dependencies:

   npm install

Running the App

Start the Expo development server:

npm start

Then, use the Expo Go app or an emulator to run the project.

Configuration

• Google Maps API keys are required for map and directions functionality.
• Set your API key in app.json under the expo.ios.config.googleMapsApiKey and expo.android.config.googleMaps.apiKey fields.
• Also, update the KEY constant in components/reuseable/MapViewCard.js with your Google Maps API key.

Dependencies

• React Native
• Expo
• react-native-maps
• @react-navigation
• react-native-svg
• expo-location

License

This project is licensed under the MIT License.