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

# Tappd SDKs: Web & React Native Developer Documentation

> Complete documentation for the Tappd Web and Mobile SDKs. Track user behavior, manage sessions, and deliver in-app messages and push notifications.

Tappd provides lightweight, production-ready SDKs for tracking user behavior, managing sessions, and delivering personalized in-app messages and push notifications. Whether you're building a web application or a React Native mobile app, Tappd gives you the tools to understand your users and engage them in real time.

<CardGroup cols={2}>
  <Card title="Web SDK" icon="globe" href="/web-sdk/introduction">
    Track events, manage sessions, and send push notifications in any JavaScript framework — React, Vue, Next.js, or vanilla JS.
  </Card>

  <Card title="Mobile SDK" icon="mobile" href="/mobile-sdk/introduction">
    React Native SDK for iOS and Android. Track screens, events, and manage push notifications with ease.
  </Card>

  <Card title="Web Quickstart" icon="rocket" href="/web-sdk/getting-started">
    Get up and running with the Web SDK in minutes using CDN or NPM.
  </Card>

  <Card title="Mobile Quickstart" icon="play" href="/mobile-sdk/getting-started">
    Install the Mobile SDK and start tracking screens and events in your React Native app.
  </Card>
</CardGroup>

## What You Can Build

<CardGroup cols={3}>
  <Card title="Event Tracking" icon="chart-line">
    Track custom events throughout your app — purchases, signups, button clicks, and more.
  </Card>

  <Card title="In-App Messages" icon="message">
    Display banners, popups, and modals with targeting, scheduling, and A/B testing.
  </Card>

  <Card title="Push Notifications" icon="bell">
    Send web and mobile push notifications to re-engage your users at the right moment.
  </Card>

  <Card title="Session Management" icon="clock">
    Automatic session tracking with configurable timeouts and SPA support.
  </Card>

  <Card title="Anonymous Tracking" icon="user-secret">
    Capture the full customer journey from first visit through conversion and beyond.
  </Card>

  <Card title="Journey Triggers" icon="bolt">
    Trigger personalized customer journeys programmatically via REST API.
  </Card>
</CardGroup>

## Quick Install

<CodeGroup>
  ```bash Web SDK (NPM) theme={null}
  npm install @tappd/web-sdk
  ```

  ```bash Mobile SDK (NPM) theme={null}
  npm install @tappd/mobile-sdk @react-native-async-storage/async-storage
  ```

  ```html Web SDK (CDN) theme={null}
  <script src="https://sdk.gotappd.com/web-sdk/v1/tappd-sdk.min.js"></script>
  ```
</CodeGroup>

## Get Your App ID

To use either SDK, you need an App ID from your Tappd Dashboard.

<Steps>
  <Step title="Log in to your dashboard">
    Visit [gotappd.com](https://gotappd.com) and sign in to your account.
  </Step>

  <Step title="Navigate to Settings > Apps">
    Create a new app or select an existing one.
  </Step>

  <Step title="Copy your App ID">
    Your App ID looks like `a1b2c3d4-e5f6-7890-abcd-ef1234567890`. Keep it handy for SDK initialization.
  </Step>
</Steps>