A premium decentralized application for real-time wallet management and XLM transfers on the Stellar Network.
Parallax is a modern, high-performance DApp built on top of the Stellar blockchain. It bridges the gap between complex blockchain data and everyday usability — delivering real-time wallet insights, seamless XLM transactions, and live network price feeds inside a single refined interface.
Built as a Level 1 Stellar Mastery project for the Rise In Stellar program, Parallax demonstrates core Stellar blockchain integrations: non-custodial wallet authentication, native asset transfers on Testnet, and real-time transaction tracking.
| Feature | Description |
|---|---|
| Wallet Integration | Secure, non-custodial connection via Freighter with auto-reconnect on reload |
| Live Balance | Real-time XLM balance with USD equivalent, fetched via Stellar Horizon API |
| Transaction History | Scrollable, live list of your recent incoming/outgoing payments |
| Send XLM | Custom amount input, recipient address, real-time signing and hash tracking |
| Price Ticker | Animated, infinite-scroll banner of live Stellar asset pairs (XLM/USDC, AQUA/XLM, etc.) |
| ScrollSpy Nav | Navbar active state shifts dynamically between sections as you scroll |
Landing page with Freighter wallet connected, showing the Testnet Active status and account key in the navbar.
Dashboard view with live XLM balance, USD equivalent, the Send Transaction form, and full transaction history. The transaction hash is displayed below the form upon a successful testnet payment.
| Layer | Technology |
|---|---|
| Framework | Next.js 16 (App Router) |
| Language | TypeScript |
| Styling | Tailwind CSS v4 |
| Animations | Framer Motion v12 |
| Wallet API | @stellar/freighter-api |
| Blockchain SDK | stellar-sdk |
| Network | Stellar Testnet via Horizon API |
- Node.js v18 or higher — Download
- Freighter Wallet browser extension — Install
- Make sure it is configured for Testnet mode inside the extension settings
# 1. Clone the repository
git clone https://github.com/AyushmanGupta21/Parallax.git
cd Parallax
# 2. Install dependencies
npm install
# 3. Start the development server
npm run devThen open http://localhost:3000 in your browser.
- Click "Connect Wallet" in the top-right navbar.
- Approve the connection request in the Freighter popup.
- Your public key, XLM balance, and transaction history will load automatically.
Need testnet XLM? Use the Stellar Friendbot to fund your testnet account for free.
- Connect your Freighter wallet and scroll to the Dashboard section.
- Enter the amount of XLM to send.
- Paste the recipient's Stellar address in the "To Address" field.
- Click "Confirm XLM Send" and approve the transaction in Freighter.
- The transaction hash will appear below the form upon success.
This project is licensed under the MIT License.