Stellar Connect Wallet

Simple Payment dApp built on Stellar Testnet with Freighter wallet integration.

Built for Rise In - Stellar Journey to Mastery - Level 1 White Belt.

Features

• Connect and disconnect Freighter wallet
• View XLM balance on Testnet
• Send XLM payments to any Testnet address
• Transaction confirmation with hash and Stellar Expert link

Tech Stack

• React 19
• TypeScript
• Vite
• Tailwind CSS
• @stellar/stellar-sdk v15
• @stellar/freighter-api v6

Prerequisites

• Node.js (v18+)
• pnpm
• Freighter Wallet browser extension
• Freighter configured to Testnet

Getting Started

1. Clone the repository:

   git clone https://github.com/akawolfcito/stellar-connect-wallet.git
   cd stellar-connect-wallet

2. Install dependencies:

   pnpm install

3. Start the development server:

   pnpm dev

4. Open http://localhost:5173 in your browser.

Funding Your Testnet Account

Use the Stellar Friendbot to fund your testnet account with 10,000 XLM.

Taking Screenshots

Automated screenshot capture is available via Playwright:

1. Start the dev server:

   pnpm dev

2. In a separate terminal, run the screenshot script:

   pnpm screenshots

3. A browser window will open. When prompted, manually connect your Freighter wallet and approve transactions. Screenshots are saved to the screenshots/ directory.

Screenshots

Wallet Disconnected

Freighter Connection Request

Wallet Connected with Balance

Send Payment Form

Freighter Transaction Confirmation

Transaction Successful

Stellar Expert Verification

License

MIT