# Send Transaction

[Github](https://github.com/0xoogabooga/meta-agg-fe-tutorial) 

[Live demo](https://meta-agg-fe-tutorial.vercel.app/?tab=transactions)

<figure><img src="https://3123339049-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrN7qpP33OgkfjSCciTy3%2Fuploads%2FXiqwJlmULcYDQc1BFaSM%2Fimage.png?alt=media&#x26;token=d5f4293c-429b-4070-85d6-0b946e9535c7" alt=""><figcaption></figcaption></figure>

Complete end-to-end swap implementation using Meta Aggregator quotes with wallet connection, token approval, and transaction execution.

**Architecture Overview**

**📁 Main Components** (`src/components/transaction-example/`)

**🔧 Core Components**

* `transaction-example.tsx` - Root wrapper with wallet provider
* `transaction-example-content.tsx` - Main logic and state management
* `wallet-provider.tsx` - Wagmi and RainbowKit configuration
* `wagmi-config.ts` - HyperEVM chain configuration and wallet setup

**🎨 UI Components**

* `header.tsx` - Connection status and wallet connect button
* `quote-display.tsx` - Quote data and action buttons
* `approval-status.tsx` - Token approval status and progress