StelRemit is a simple, beautifully designed remittance application built on the Stellar Testnet. It demonstrates the core flow of connecting a Freighter wallet, viewing a real-time XLM balance, and sending payments seamlessly via the stellar-sdk and @stellar/freighter-api.
Level 1 Submission - Stellar x RiseIn Bootcamp
- Wallet Connection: Prompt and connect the Freighter browser wallet.
- Balance Viewing: Queries the Horizon testnet to dynamically display the connected account's native XLM balance.
- Transaction Submission: Uses the
TransactionBuilderto send Testnet XLM to any valid Stellar public key, authenticated right via the Freighter popup. - Real-Time Feedback: Displays immediate error handling and outputs successful transaction hashes with a direct link to Stellar Expert explorer.
- Beautiful UI: Modern, responsive, dark-mode Tailwind v4 styling matching professional fintech standards.
- Next.js (App Router)
- React
- Tailwind CSS v4
@stellar/stellar-sdk@stellar/freighter-api
First, ensure you have the Freighter Browser Extension installed and set to the Testnet network. Make sure your account has some testnet XLM (use the laboratory faucet if needed).
To run the development server locally:
# Install dependencies
npm install
# Start the dev server
npm run devOpen http://localhost:3000 with your browser to see the application.
- Connect: Click "Connect Wallet" on the home page or navbar and approve the prompt in Freighter.
- View Balance: Once connected, you will see your truncated address and your current XLM balance fetched from Horizon.
- Send XLM:
- Enter a valid testnet destination address.
- Enter an amount of XLM to send.
- Click "Send".
- Sign: Review and sign the transaction prompt in Freighter.
- Success: The app will display the transaction hash and update your balance upon success!
