> ## Documentation Index
> Fetch the complete documentation index at: https://docs.tight.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Mileage Dashboard

> Automatically track mileage, directly in your existing mobile app

<Tip>The Tight Mileage SDK tracks 1M+ miles per days and over 1B miles-to-date</Tip>

## Overview

The React Native Mileage Dashboard Component allows you to embed fully-featured [mileage tracking](/guides/business-owners/mileage-tracking) into your existing React Native mobile app, including:

* Auto-start / auto-stop mileage tracking that detects whether the user is driving using advanced telemetrics (GPS, Geofencing, etc.)
* Fully encapsulated permissioning and ability to run in the background, without your team having to learn anything about native iOS/Android permissioning
* User experience allowing your users to:
  * View drives/routes/addresses
  * Swipe to classify drive purpose (business vs. personal)
  * Define favorite locations
  * Link their vehicle's bluetooth device
* Location learning (e.g. automatically classifying drives to client locations as business)
* iOS and Android support, including annual updates around new OS releases

## UX

<Warning>
  This page is under construction. Please check back later for more content.
</Warning>

## Embedding the Mileage Dashboard

To initialize the Tight Embedded experience in your project, follow the instructions on [Embedding Tight's white-labeled UI](/embeddable-ui/react-native/patterns/embedding).

Below is an example embedding of the Mileage Dashboard:

```TSX MileageScreen.tsx theme={null}
import { MileageDashboard, Tight } from "@tight-embedded/react-native";

function MileageScreen({ accessToken }) {
    return (
      <Tight environment="SANDBOX" accessToken={accessToken} >
        <MileageDashboard />
      </Tight>
    )
}
```