Sol.College

Structure lesson

degencard

DegenCard is a fun tool to track your Solana memecoin trading activities. It records your winning and losing tokens, monthly PNL and compares the result with other users. DegenCard is a showcase of SYNQ UBI.

What it does

From the project README:

DegenCard is a fun tool to track your Solana memecoin trading activities. It records your winning and losing tokens, monthly PNL and compares the result with other users. DegenCard is a showcase of SYNQ UBI.
Original
ARPA-Network/degencard
SuperStack fork
Blockchains/degencard @ 98b96ef
Stars
3
Last push (original)
2024-10-04
Languages
TypeScript, CSS, JavaScript
Detected stack
Next.jsweb3.js
Categories
DeFiInfrastructure & Tooling
Licence
MIT
Homepage
https://degencard.wtf

Architecture

27 source files. By extension: .tsx ×18, .ts ×9.

Top-level directorySource files
src26
(root)1

Where the Solana code lives

Source files that import a Solana SDK, ranked by how many Solana APIs they use, with the APIs each one calls. Read them in this order to see how the app talks to the chain.

FileSolana APIs used
src/components/Home.tsxuseWallet
src/components/Coins.tsxuseWallet
src/components/Modal.tsxuseWallet
src/providers/wallet-context-provider.tsxuseWallet, WalletMultiButton

Dapp: devnet deploy pending

⏳ Devnet deploy pending — goes live when the devnet wallet is topped up. This fork's own dapp is not deployed yet, so there is no program address or transaction to show. It is queued in dapp-queue.txt; once devnet SOL is available it is deployed, exercised with real devnet transactions, and this section switches to the live dapp at /dapps/degencard/. Until then, the lesson and step-by-step guide below are complete, and you can run it locally with the commands below.

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.

DirectoryCommandRuns
.npm run devnext dev
.npm run startnext start
.npm run buildnext build
.npm run lintnext lint

What you could build from it