Structure lesson (licence does not allow quoting code)
TaskFlow
Freelancing made easy
- Original
- Code-Wave-Renaissance/TaskFlow
- SuperStack fork
- Blockchains/TaskFlow @
9a22cdf - Stars
- 0
- Last push (original)
- 2024-04-09
- Languages
- TypeScript, CSS, JavaScript, Rust, Dockerfile
- Detected stack
- Native RustNext.jsweb3.js
- Categories
- Other
- Licence
- none detected: code not quoted on Sol.College
Architecture
72 source files. By extension: .tsx ×48, .ts ×13, .js ×10, .rs ×1.
| Top-level directory | Source files |
|---|---|
frontend | 52 |
backend | 6 |
frames | 5 |
contracts | 5 |
frames-demo | 4 |
How it works: instructions and accounts
Each instruction handler and the accounts struct it validates, found by reading the Rust source. Links go to the exact line at the pinned commit.
| Instruction | Accounts | Source |
|---|---|---|
CreateContract | native instruction variant | contracts/src/lib.rs:22 |
IncrementStep | native instruction variant | contracts/src/lib.rs:23 |
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.
| File | Solana APIs used |
|---|---|
contracts/src/lib.rs | AccountInfo, Pubkey, invoke, invoke_signed, transfer |
frontend/src/components/SendTransaction.tsx | Transaction, TransactionMessage, sendTransaction, useConnection, useWallet, Keypair |
frontend/src/components/SendVersionedTransaction.tsx | Transaction, TransactionMessage, sendTransaction, useConnection, useWallet, Keypair |
contracts/client-lib/contract-client.ts | PublicKey, Connection, SystemProgram, getAccountInfo, findProgramAddressSync |
frontend/src/utils/contract-client.ts | PublicKey, Connection, SystemProgram, getAccountInfo, findProgramAddressSync |
frontend/src/components/useHandleChoosenOne.tsx | Transaction, useConnection, useWallet, PublicKey, sendTransaction |
frontend/src/components/usaHandleMilestone.tsx | useConnection, useWallet, Transaction, PublicKey, sendTransaction |
frontend/src/views/[id]/index.tsx | Transaction, useConnection, useWallet, sendTransaction |
contracts/client-lib/increment-step.ts | Transaction, Connection, sendAndConfirmTransaction |
contracts/client-lib/create-contract.ts | Transaction, Connection, sendAndConfirmTransaction |
frontend/src/components/RequestAirdrop.tsx | useConnection, useWallet, requestAirdrop, getLatestBlockhash |
frontend/src/stores/useUserSOLBalanceStore.tsx | Connection, PublicKey, getBalance |
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/taskflow/. 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.
| Directory | Command | Runs |
|---|---|---|
frames-demo | npm run dev | |
frames-demo | npm run start | |
frames-demo | npm run build | |
frames-demo | npm run lint | |
frames-demo | npm run deploy | |
frames | npm run dev | |
frames | npm run start | |
frames | npm run build | |
frames | npm run lint | |
frames | npm run deploy | |
contracts/client-lib | npm run test | |
frontend | npm run dev | |
frontend | npm run start | |
frontend | npm run build | |
frontend | npm run lint | |
backend | npm run start |
What you could build from it
- Fork the SuperStack copy and extend it within the Other gaps listed on the idea page.