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

# Quickstart - React Native

> Set up and run the Offline Protocol SDK in a React Native app in minutes.

This guide walks you through setting up a React Native test app using the Offline Protocol SDK.

## 1. Clone the Example App

First, clone the React Native test app repository:

```bash theme={null}
git clone https://github.com/Offline-Protocol/id-sdk-rn-test-app.git
cd id-sdk-rn-test-app
```

## 2. Install Dependencies

Use either npm or yarn:

```bash theme={null}
npm install
# or
yarn install

```

## 3. Configure iOS (if applicable)

If you are running on iOS, install CocoaPods dependencies:

```bash theme={null}
cd ios
pod install
cd ..
```

## 4. Run the App

Start the Metro bundler and run the app:

```bash theme={null}
npm start
# or
yarn start
```

In a separate terminal:

```bash theme={null}
npm run android   # for Android
npm run ios       # for iOS
```

5. Explore the SDK

The test app comes pre-configured with:

* Authentication with the Offline Protocol SDK
* Profile management
* Connections API

<CardGroup cols={3}>
  <Card>
    <img src="https://mintlify.s3.us-west-1.amazonaws.com/offlineprotocol/images/examples/rn/before-login.png" alt="Image 1" />
  </Card>

  <Card>
    <img src="https://mintlify.s3.us-west-1.amazonaws.com/offlineprotocol/images/examples/rn/email.png" alt="Image 2" />
  </Card>

  <Card>
    <img src="https://mintlify.s3.us-west-1.amazonaws.com/offlineprotocol/images/examples/rn/otp.png" alt="Image 3" />
  </Card>

  <Card>
    <img src="https://mintlify.s3.us-west-1.amazonaws.com/offlineprotocol/images/examples/rn/profile.png" alt="Image 4" />
  </Card>

  <Card>
    <img src="https://mintcdn.com/offlineprotocol/Es59lWefiUmbbf1V/images/examples/rn/connections.png?fit=max&auto=format&n=Es59lWefiUmbbf1V&q=85&s=67809e787eec09b1504beb638e8e2fcc" alt="Image 5" width="248" height="499" data-path="images/examples/rn/connections.png" />
  </Card>

  <Card>
    <img src="https://mintlify.s3.us-west-1.amazonaws.com/offlineprotocol/images/examples/rn/search.png" alt="Image 6" />
  </Card>
</CardGroup>