<h2 class="heading-node">About Superteam Ukraine</h2>We're part of Superteam, a global community of Solana builders. We help onboard new talent, run bounties, and support the Solana ecosystem in Ukraine. We're all about fostering growth and innovation in the Web3 space.<h2 class="heading-node">Mission</h2>Develop a React frontend for an SPL-token escrow program on Solana Devnet.<h2 class="heading-node">Who can participate</h2>This bounty is exclusively for Solana Startup Terminal students – Dev Track.<h2 class="heading-node">What to do</h2>To participate, you must be an active student of the Solana Startup Terminal course.<ul class="list-node"><li>Step 1 — Mandatory: Attend the Live Lecture: ⚠️ Thursday, March 26th, 19:00 (Kyiv time) via Google Meet.</li><li>Step 2 — Complete the following Technical Task:</li></ul><h2 class="heading-node">Scope Detail</h2>This bounty is a practical task to enhance your Solana development skills. You'll be building a functional React frontend for a deployed SPL-token escrow program on Solana Devnet.<ul class="list-node"><li>Network: Solana Devnet</li><li>Program Address: <code class="inline" spellcheck="false">4g5EN9Sk7wEcZqfjdjDtvq7T9u5YUrBKTe23fVJoL8yy</code></li><li>IDL: <a target="_blank" rel="noopener noreferrer" class="link" href="https://gist.github.com/Soniachniy/3342e0ebda5891a7d99a6d7b886ad9b6">gist.github.com</a></li></ul>What to Build: A minimal yet fully functional escrow interface that allows users to:<ul class="list-node"><li>Make Offer: Lock Token A in a vault and specify the desired amount of Token B in return.</li><li>Take Offer: View open offers and accept one, completing the swap.</li><li>Both <code class="inline" spellcheck="false">make_offer</code> and <code class="inline" spellcheck="false">take_offer</code> instructions must operate fully via real Devnet transactions.</li></ul>Technical Requirements:<ul class="list-node"><li>Bundler: Vite + React + TypeScript</li><li>Solana Client: <code class="inline" spellcheck="false">@solana/kit</code> (Anza kit) – no <code class="inline" spellcheck="false">@solana/web3.js</code></li><li>Styling: Tailwind CSS + shadcn-style components (recommended)</li></ul>Feature Checklist:<ul class="list-node"><li>Wallet Connection:<ul class="list-node"><li>Custom wallet connection modal – no third-party UI libraries.</li><li>The modal should display all automatically detected wallet connectors (Phantom, Backpack, Solflare, etc.).</li><li>Show wallet icon, name, and abbreviated connected address after connection.</li><li>Disconnect button.</li></ul></li><li>Make Offer:<ul class="list-node"><li>Input for selecting Token A from the connected wallet's token accounts.</li><li>Input for the amount of Token A to offer.</li><li>Input for selecting Token B (by mint address) and the desired amount.</li><li>When submitting: construct and send the <code class="inline" spellcheck="false">make_offer</code> instruction via <code class="inline" spellcheck="false">@solana/kit</code>.</li></ul></li><li>Take Offer:<ul class="list-node"><li>Fetch and display all open Offer accounts created through your frontend. ⭐ (Starred task for extra credit)</li><li>Each offer card should show: maker address, Token A mint, Token B mint, offered amount, and required amount.</li><li>"Take" button: construct and send the <code class="inline" spellcheck="false">take_offer</code> instruction.</li><li>Display a transaction signature with a link to Solana Explorer after successful execution.</li></ul></li><li>Overall UX:<ul class="list-node"><li>Loading states during all asynchronous operations.</li><li>Error messages for: user rejection, insufficient balance, stale blockhash.</li><li>All transaction links should open to <code class="inline" spellcheck="false">https://explorer.solana.com/tx/[sig]?cluster=devnet</code>.</li></ul></li></ul><h2 class="heading-node">Submission Requirements</h2>To participate, you must be an active student of the Solana Startup Terminal course.<ul class="list-node"><li>Step 1 — Mandatory: Attend the Live Lecture:<ul class="list-node"><li>Thursday, March 26th, 19:00 (Kyiv time) via Google Meet.</li><li>Attendance is mandatory. Submissions without lecture participation will not be considered.</li><li>You must provide the email address used for the live lecture in your submission.</li></ul></li><li>Step 2 — Complete the Technical Task: Upon submission, provide the following in the application form:<ul class="list-node"><li>Lecture Email: The email address you used to register for the live lecture on March 26th.</li><li>Public GitHub Repository: Include your code with a <code class="inline" spellcheck="false">README.md</code> file. The <code class="inline" spellcheck="false">README.md</code> should contain setup instructions and a note on which wallets were tested.</li><li>Live Deployment Link: A public URL (Vercel, Netlify, GitHub Pages, or similar). It must be functional without local setup.</li><li>At least one successful Devnet transaction: Include a link to the Solana Explorer for either a <code class="inline" spellcheck="false">make_offer</code> or <code class="inline" spellcheck="false">take_offer</code> transaction in your <code class="inline" spellcheck="false">README.md</code>.</li></ul></li><li>Step 3 – Write a tweet on X about your submission or Solana Startup Terminal participation and tag <a target="_blank" rel="noopener noreferrer nofollow" class="link" href="https://x.com/SuperteamUKR">https://x.com/SuperteamUKR</a></li></ul><h2 class="heading-node">Judging Criteria</h2><ul class="list-node"><li>Transactions work on Devnet (make + take): 35%</li><li>Custom wallet modal (no third-party UI): 15%</li><li>Available live deployment: 15%</li><li>Code quality and TypeScript correctness: 15%</li><li>UI/UX (clarity, error handling, loading states): 20%</li><li>Applications using <code class="inline" spellcheck="false">@solana/web3.js</code> instead of <code class="inline" spellcheck="false">@solana/kit</code> or a third-party wallet modal will not be accepted.</li></ul><h2 class="heading-node">Reward Structure</h2><ul class="list-node"><li>1st Place: 100 USDG</li><li>2d Place: 70 USDG</li><li>3d Place: 30 USDG</li></ul>

Solana SPL Escrow Frontend (React) | Solana Startup Terminal Task