Full lesson

coinwala-wallet

What it does

From the project README:

This project consists of two main products designed for users interacting with the Solana blockchain:

Original: coinwala/wallet
SuperStack fork: Blockchains/coinwala-wallet @ 7677bfd
Stars: 5
Last push (original): 2026-02-21
Languages: TypeScript, CSS, JavaScript, Dockerfile
Detected stack: MetaplexNext.jsSolana Actionsweb3.js
Categories: Wallets & Identity
Licence: MIT
Homepage: https://curiousdev.xyz/

Architecture

133 source files. By extension: .tsx ×107, .ts ×25, .js ×1.

Top-level directory	Source files
`components`	92
`app`	22
`lib`	14
`(root)`	3
`actions`	1
`public`	1

Dapp: deploying

This fork is queued for its own live dapp on Sol.College, with a Devnet/Mainnet switch. It appears here, at /dapps/coinwala-wallet/, once it is deployed and checked on devnet. Until then, run it locally with the commands below.

Key code, explained

Excerpts chosen automatically where the code uses the most Solana concepts, pinned to the fork's commit.

coinwala/wallet · app/[hash]/(components)/CoinWalaCard.tsx L229–252 @ 7677bfd · MIT · original

       const transaction = new Transaction().add(        SystemProgram.transfer({          fromPubkey: coinwala.keypair.publicKey,          toPubkey: publicKey,          lamports: amount - 5000,        })      );      const { blockhash } = await connection.getLatestBlockhash();      transaction.recentBlockhash = blockhash;      transaction.feePayer = coinwala.keypair.publicKey;      transaction.sign(coinwala.keypair);      const signature = await sendAndConfirmTransaction(        connection,        transaction,        [coinwala.keypair]      );       console.log(`Transfer successful! Signature: ${signature}`);      toast.success(`Transfer successful! Signature: ${signature}`);       await fetchBalance(coinwala);      setRecipentPublicKey("");      setTransferAmount("");

Line 237 const { blockhash } = await connection.getLatestBlockhash();: Fetches a recent blockhash. Transactions expire if it gets too old.
Line 241 const signature = await sendAndConfirmTransaction(: Submits the signed transaction to the cluster.

coinwala/wallet · lib/client.ts L1–24 @ 7677bfd · MIT · original

import {  Connection,  PublicKey,  LAMPORTS_PER_SOL,  Transaction,  SystemProgram,  sendAndConfirmTransaction,  Keypair,} from "@solana/web3.js";import {  TOKEN_PROGRAM_ID,  createTransferInstruction,  getAssociatedTokenAddress,  createAssociatedTokenAccountInstruction,} from "@solana/spl-token";import { web3auth } from "./web3auth"; let connection: Connection | null = null;let publicKey: PublicKey | null = null;const SOLANA_RPC_ENDPOINT = "https://api.devnet.solana.com"; export function initClients() {  if (typeof window !== "undefined" && web3auth.provider) {    connection = new Connection(SOLANA_RPC_ENDPOINT);

Line 7 sendAndConfirmTransaction,: Submits the signed transaction to the cluster.
Line 12 createTransferInstruction,: An SPL token transfer through the Token Program.

How to run, build and test

These commands come from the repo's own manifests (package.json scripts, Anchor.toml, Cargo, go.mod, Makefile). Check the README for prerequisites and environment variables.

Directory	Command	Runs
`.`	`npm run dev`	next dev
`.`	`npm run start`	next start
`.`	`npm run build`	next build
`.`	`npm run lint`	next lint

What you could build from it

Fork the SuperStack copy and extend it within the Wallets & Identity gaps listed on the idea page.
Learn the pattern first: Building and sending transactions from a client
Learn the pattern first: Program Derived Addresses (PDAs)