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

# Grid for Neobanks

> React Native reference implementation demonstrating Grid SDK integration for building a fintech neobank

Learn how to integrate the [@sqds/grid SDK](https://www.npmjs.com/package/@sqds/grid) to build a complete neobank experience.

<Note>
  **Demo Application:** This is intended for educational and demonstration
  purposes only.
</Note>

## Overview

The neobank reference implementation showcases a complete financial application built with React Native, TypeScript, and the Grid SDK. It demonstrates best practices for SDK integration and provides a foundation for building your own financial products.

<Card title="View on GitHub" icon="github" href="https://github.com/Squads-Grid/neobank-example-app">
  Access the complete source code and documentation for the neobank example app
</Card>

## Key Features

<CardGroup cols={2}>
  <Card title="Secure Authentication" icon="shield-check">
    Email-based login with OTP verification for secure user access
  </Card>

  <Card title="KYC Onboarding" icon="user-check">
    Streamlined identity verification process
  </Card>

  <Card title="Virtual Bank Accounts" icon="credit-card">
    Create and manage user bank accounts programmatically
  </Card>

  <Card title="Payment Operations" icon="banknote">
    Fiat deposits, withdrawals, and USDC transfers with transaction history
  </Card>
</CardGroup>

## Technical Stack

* **Framework:** React Native with Expo
* **Language:** TypeScript
* **SDK:** @sqds/grid
* **Architecture:** Modern Expo Router structure
* **Backend:** Secure API routes with environment-based configuration

## Quick Start

<Steps>
  <Step title="Get your API keys">
    Visit the [Grid Dashboard](https://dashboard.grid.squads.xyz) to generate your API keys and credentials.
  </Step>

  <Step title="Clone the repository">
    ```bash theme={null}
    git clone https://github.com/Squads-Grid/neobank-example-app.git
    ```
  </Step>

  <Step title="Install dependencies">
    ```bash theme={null}
    cd neobank-example-app
    npm install
    ```
  </Step>

  <Step title="Configure environment">
    ```bash theme={null}
    cp example.env .env
    ```

    Add your Grid SDK credentials from the dashboard to the `.env` file
  </Step>

  <Step title="Start development server">
    ```bash theme={null}
    npx expo start
    ```
  </Step>
</Steps>

## What You'll Learn

* Secure Grid SDK integration patterns
* Singleton pattern for SDK client management
* Environment-based configuration
* Clean separation of frontend and backend concerns
* Best practices for financial application development

## Next Steps

<CardGroup cols={2}>
  <Card title="Grid SDK Quickstart" icon="rocket" href="/grid/v1/accounts/quickstart">
    Get started with Grid SDK integration
  </Card>

  <Card title="Core Concepts" icon="book-open" href="/grid/v1/accounts/introduction">
    Learn fundamental Grid concepts
  </Card>
</CardGroup>