> ## Documentation Index
> Fetch the complete documentation index at: https://docs.crossmint.com/llms.txt
> Use this file to discover all available pages before exploring further.
# Pay with Card - Memecoins (React Native)
> Create a fully customized embedded memecoin checkout experience for React Native that accepts credit cards
# Crossmint Checkout React Native SDK Quickstart
For this quickstart we'll be using Expo. You can follow this [tutorial](https://docs.expo.dev/tutorial/create-your-first-app/) to create an expo app. **Only do steps 1 and 3**, plus the Crossmint-specific steps below.
**Prerequisites:** Before starting, ensure you have completed the [Expo prerequisites](https://docs.expo.dev/tutorial/create-your-first-app/#prerequisites) including Node.js, Git, and your development environment setup.
## Following Expo Tutorial + Crossmint SDK
```bash theme={null}
npx create-expo-app@latest crossmint-checkout-quickstart
cd crossmint-checkout-quickstart
```
```bash theme={null}
npm run reset-project
```
```bash theme={null}
EXPO_PUBLIC_CLIENT_CROSSMINT_API_KEY="your_client_side_api_key"
EXPO_PUBLIC_RECIPIENT_WALLET_ADDRESS="your_solana_wallet_address"
EXPO_PUBLIC_RECEIPT_EMAIL="your-email@example.com"
```
The `receiptEmail` field is **required** for delivering payment receipts to customers.
```jsx theme={null}
import { CrossmintEmbeddedCheckout, CrossmintProvider } from "@crossmint/client-sdk-react-native-ui";
export default function Index() {
return (
);
}
```
```bash npm theme={null}
npm run ios
# For Android:
npm run android
```
```bash yarn theme={null}
yarn ios
# For Android:
yarn android
```
```bash pnpm theme={null}
pnpm ios
# For Android:
pnpm android
```
```bash bun theme={null}
bun ios
# For Android:
bun android
```
### Result
