The latest articles on DEV Community by mrk.gvrr (@markyy0411). https://dev.to/markyy0411 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4009723%2Fedf79cfb-cb02-4d50-8fd2-eed831d45b53.jpg https://dev.to/markyy0411 en mrk.gvrr Tue, 30 Jun 2026 14:14:06 +0000 https://dev.to/markyy0411/building-klasspay-a-gasless-split-payment-engine-on-stellar-soroban-85p https://dev.to/markyy0411/building-klasspay-a-gasless-split-payment-engine-on-stellar-soroban-85p <p>As a university student, nothing is more frustrating than trying to collect money for a group project or an event. People forget, funds get mixed up, and transparency is zero. I wanted to solve this by building <strong>KlassPay</strong>, a decentralized split-payment application powered by the Stellar network and Soroban smart contracts. </p> <p>In this post, I’ll walk you through how I built KlassPay, from the Rust smart contract to a sleek, modern React frontend.</p> <h3> The Tech Stack </h3> <ul> <li> <strong>Smart Contract:</strong> Rust (Soroban)</li> <li> <strong>Frontend:</strong> React, TypeScript, Vite</li> <li> <strong>Wallet Integration:</strong> @stellar/freighter-api</li> <li> <strong>Styling:</strong> Vanilla CSS with Glassmorphism </li> </ul> <h3> How KlassPay Works </h3> <p>The core functionality relies on a custom Soroban smart contract. An organizer creates a new "Bill" with a specific XLM target. The app generates a shareable link that the organizer can send to their classmates. </p> <p>When a classmate opens the link, they are greeted by a sleek UI showing the total goal and how much has been funded so far. They connect their Freighter wallet and pay their share directly into the smart contract. Once the goal is reached, the funds are released to the organizer!</p> <h3> Leveling Up: Implementing Gasless Transactions </h3> <p>One of the biggest hurdles for web3 adoption is requiring users to hold native tokens just to pay for network gas fees. I didn't want my classmates to worry about that.</p> <p>To achieve a "Black Belt" standard of user experience, I implemented <strong>Fee Sponsorship</strong> using Stellar's <code>FeeBumpTransaction</code>. When a user submits a payment, the transaction is wrapped and signed by a background "Sponsor Wallet." This means the user pays exactly their share of the bill, and the sponsor wallet automatically handles the network fee! </p> <h3> Conclusion </h3> <p>Building KlassPay on Stellar has been an incredible learning experience. Soroban is incredibly fast, and building a polished frontend with React and Vite made the development process a breeze. </p> <p>You can check out the live project here: <a href="https://klass-pay.vercel.app/" rel="noopener noreferrer">https://klass-pay.vercel.app/</a><br> And view the open-source code on my GitHub: <a href="https://github.com/Markyy0411/klass-pay" rel="noopener noreferrer">https://github.com/Markyy0411/klass-pay</a></p> blockchain rust showdev web3