Արտադրական մակարդակի Web3 դրամապանակի ֆրոնտենդ — wagmi, viem, WalletConnect v2, բազմաշղթայական, NFT պատկերասրահ, DeFi վահանակ: Ուղիղ եթերում 5–25 օրվա ընթացքում՝ 48-ժամյա նախադիտմամբ:
Ես կստեղծեմ Web3 կրիպտո դրամապանակի ֆրոնտենդ՝ WalletConnect-ով, բազմաշղթայական աջակցությամբ և DeFi վահանակով։
Միաշղթայական դրամապանակի միացում՝ մնացորդի ցուցադրմամբ և գործարքների պատմության UI-ով
- Դրամապանակի միացում (MetaMask + WalletConnect v2 + Coinbase Wallet)
- Միաշղթայական աջակցություն (դուք ընտրում եք մեկը)
- ERC-20 թոքենի մնացորդի ցուցադրում USD գներով
- Գործարքների պատմության UI (վերջին 20 գործարքներ)
- Արձագանքող UI (բջջային + աշխատասեղան)
- Կենդանի տեղակայված URL Vercel-ում
- Ամբողջական աղբյուրի կոդ + README
Բազմաշղթայական դրամապանակ՝ փոխանակման ինտերֆեյսով, NFT պատկերասրահով և WalletConnect v2 բջջային հոսքերով
- Դրամապանակի միացում (MetaMask + WalletConnect v2 + Coinbase Wallet)
- ERC-20 թոքենի մնացորդի ցուցադրում USD գներով
- Գործարքների պատմության UI (վերջին 20 գործարքներ)
- Արձագանքող UI (բջջային + աշխատասեղան)
- Կենդանի տեղակայված URL Vercel-ում
- Ամբողջական աղբյուրի կոդ + README + կենդանի URL
- Բազմաշղթայական աջակցություն (մինչև 4 շղթա)
- Շղթայի անջատիչ UI՝ սխալ ցանցի հուշումներով
- Փոխանակման ինտերֆեյս (Uniswap v3 երթուղի, սահք, գնի ազդեցություն)
- NFT պատկերասրահ՝ մետատվյալներով + IPFS որոնում
- WalletConnect v2 QR + բջջային խորը հղման հոսքեր
- Թոքենի հաստատման հոսք՝ գազի գնահատմամբ
- Ներառված է անհատական Figma դիզայն
Ամբողջական DeFi վահանակ՝ խելացի պայմանագրի ինտեգրմամբ, սթեյքինգի UI-ով և ադմինիստրատորի վահանակով
- Դրամապանակի միացում (MetaMask + WalletConnect v2 + Coinbase Wallet)
- ERC-20 թոքենի մնացորդի ցուցադրում USD գներով
- Գործարքների պատմության UI (վերջին 20 գործարքներ)
- Արձագանքող UI (բջջային + աշխատասեղան)
- Կենդանի տեղակայված URL Vercel-ում
- Ամբողջական աղբյուրի կոդ + README + կենդանի URL
- Բազմաշղթայական աջակցություն (մինչև 4 շղթա)
- Շղթայի անջատիչ UI՝ սխալ ցանցի հուշումներով
- Փոխանակման ինտերֆեյս (Uniswap v3 երթուղի, սահք, գնի ազդեցություն)
- NFT պատկերասրահ՝ մետատվյալներով + IPFS որոնում
- WalletConnect v2 QR + բջջային խորը հղման հոսքեր
- Թոքենի հաստատման հոսք՝ գազի գնահատմամբ
- Առաքման առաջնահերթություն
- Անսահմանափակ շղթաներ
- Խելացի պայմանագրի ինտեգրում (կարդալ/գրել, տիպավորված ABIs, ձեր պայմանագրերը)
- Սթեյքինգ / եկամտաբերության ինտերֆեյս՝ APY հետևմամբ
- Պորտֆելի վահանակ՝ պատմական գծապատկերներով
- SIWE (Sign-In With Ethereum) նույնականացում
- Ադմինիստրատորի վահանակ՝ պայմանագրերի կառավարման համար
- Անհատական Figma դիզայն (ամբողջական դիզայնի համակարգ)
- Դրամապանակի վերլուծություն + իրադարձությունների հետևում
- 30 օր առաքումից հետո աջակցություն
- Պորտֆելի վահանակ՝ պատմական գծապատկերներով SIWE (Sign-In With Ethereum) նույնականացում Ադմինիստրատորի վահանակ՝ պայմանագրերի կառավարման համար Անհատական Figma դիզայն (ամբողջական դիզայնի համակարգ) Դրամապանակի վերլուծություն + իրադարձությունների հետևում 30 օր առաքումից հետո աջակցություն Առաքման առաջնահերթություն
Հարցնել անհատական առաջարկ
Մուտք գործեք՝ անհատական առաջարկ հարցնելու համար
Ստեղծեք անվճար հաշիվ կամ մուտք գործեք՝ այս Zinner-ից անհատական առաջարկ հարցնելու համար։
Մուտք / ԳրանցումՀարց տալ մինչև վաճառքը
Մուտք գործեք՝ հարց տալու համար
Հարթակի սպամը նվազեցնելու համար մինչև վաճառքի հաղորդագրությունները կարող են ուղարկվել միայն մուտք գործած օգտատերերի կողմից։
Ստեղծեք անվճար հաշիվ կամ մուտք գործեք՝ անմիջապես այս Zinner-ին հաղորդագրություն ուղարկելու համար։
Մուտք / ԳրանցումՊահանջվում է մուտք
Ստեղծեք անվճար հաշիվ կամ մուտք գործեք՝ այս Zinner-ին հաղորդագրություն ուղարկելու համար։
Մուտք / ԳրանցումՊահանջվում է մուտք
Ստեղծեք անվճար հաշիվ կամ մուտք գործեք՝ անհատականացված առաջարկ խնդրելու համար։
Մուտք / ԳրանցումՄի հայացքից
Այս ծառայության հիմնական մանրամասները, որոնք կօգնեն ձեզ որոշում կայացնել: Ստեղծվել է Zinn Hub-ի կողմից, ոչ թե վաճառողի:
Արժեքային դիրք
Տեխնոլոգիական փաթեթ
Շղթայի աջակցություն
Դրամապանակի ծածկույթ
Առանց ռիսկի սկիզբ
Ինչ կստանաք
Ամբողջական նկարագրություն
Web3 դրամապանակի ֆրոնտենդներ, որոնք իրականում առաքվում են
Արտադրական մակարդակի Web3 դրամապանակի ֆրոնտենդներ, որոնք միանում են իրական շղթաներին, ստորագրում են իրական գործարքներ և դիմակայում են իրական օգտատերերին։ Ոչ Figma մոկապներ։ Ոչ շուտով վայրէջքի էջեր։ Տեղակայված, շղթայով միացված dApps-եր, որոնք աշխատում են այն պահին, երբ ինչ-որ մեկը բացում է MetaMask-ը։
Անկախ նրանից, թե նախագիծը DeFi վահանակ է, բազմաշղթա դրամապանակ, NFT պատկերասրահ կամ թոքենի փոխանակման ինտերֆեյս, ամբողջ ֆրոնտենդի ստեկը մշակվում է՝ դրամապանակի միացում, գործարքի ստորագրում, մնացորդի ստացում, շղթայի փոխարկում, թոքենի հաստատումներ և սխալների վիճակներ, որոնք մշակողների մեծ մասը մոռանում է մինչև արտադրության խափանումը։
Ինչ է կառուցվում.
· Դրամապանակի միացում — MetaMask, WalletConnect v2, Rainbow, Coinbase Wallet, Phantom, Trust, Ledger wagmi v2 + viem + RainbowKit-ի միջոցով
· Բազմաշղթա աջակցություն — Ethereum, Polygon, Base, Arbitrum, Optimism, BNB Chain, Solana (դրամապանակի ադապտերի միջոցով)
· Թոքենի և մնացորդի ցուցադրում — ERC-20, ERC-721, ERC-1155 ստացում CoinGecko-ից կամ հատուկ օրակուլից USD գնի իրական ժամանակի ցուցադրմամբ
· Գործարքների պատմություն — էջավորված, ֆիլտրվող, Etherscan / Polygonscan / Basescan խորը հղումներով
· Փոխանակման ինտերֆեյս — Uniswap v3 երթուղի, սահքի վերահսկում, գնի ազդեցության նախազգուշացումներ, հաստատման հոսք
· NFT պատկերասրահ — ցանցի/ցուցակի տեսքեր, մետատվյալներ + IPFS ստացում, շուկայի խորը հղումներ (OpenSea, Blur, Magic Eden)
· Խելացի պայմանագրի ինտեգրում — կարդալու/գրելու կանչեր տեղակայված պայմանագրերին viem-ի միջոցով՝ տիպավորված ABI-ներով
· DeFi վահանակ — պորտֆելի արժեք, եկամտաբերության դիրքեր, APY հետևում, պատմական գծապատկերներ
· WalletConnect v2 — QR + խորը հղումների հոսքեր բջջային դրամապանակների համար, նիստի կայունություն
· SIWE նույնականացում — Մուտք Ethereum-ով՝ սահմանափակ բովանդակության, ադմինիստրատիվ տարածքների, օգտատերերի հաշիվների համար
Ինչն է WALLIX-ը տարբերում.
Web3 ֆրոնտենդների մեծ մասը ցուցադրման ժամանակ փայլուն է թվում և փլուզվում է այն պահին, երբ օգտատերը սխալ շղթայում է, զրոյական մնացորդ ունի, մերժում է ստորագրությունը կամ հանդիպում է մեռած RPC-ի։ WALLIX-ը կառուցված է իրական աշխարհի համար՝ յուրաքանչյուր վիճակ մշակված, յուրաքանչյուր եզրային դեպք ծածկված, յուրաքանչյուր սխալի հաղորդագրություն մարդկային ընթեռնելի՝ հում հեքս տվյալների փոխարեն։
Կառուցման որակը գալիս է դրամապանակի UI-ների, DeFi վահանակների, NFT մինտինգի ինտերֆեյսների և շուկայի ֆրոնտենդների առաքումից։ Տարբերությունը wagmi հուկի միջև, որն աշխատում է localhost-ում, և մեկի միջև, որը դիմակայում է արտադրական տրաֆիկին, WalletConnect-ի վերամիացումներին և բջջային խորը հղումներին, ամբողջ կետն է։
Օգտագործված տեխնոլոգիական ստեկ.
· Ֆրոնտենդ: React 19, Next.js 15, TypeScript, Tailwind CSS, Framer Motion
· Web3: wagmi v2, viem, ethers.js v6, RainbowKit, WalletConnect v2, @solana/wallet-adapter
· Տվյալներ: TanStack Query, Zustand, Alchemy / Infura / QuickNode RPCs, CoinGecko API
· Տեղակայում: Vercel (լռելյայն), Cloudflare, Railway, IPFS (ըստ ցանկության)
Թեստավորում և որակի ապահովման ծածկույթ.
Յուրաքանչյուր կառուցվածք առաքվում է դրամապանակի միացման smoke թեստերով MetaMask-ի, WalletConnect v2-ի և Coinbase Wallet-ի միջոցով, Chrome-ում, Safari-ում և բջջային ներդրամապանակային բրաուզերներում։ Շղթայի փոխարկումը, սխալ ցանցի հուշումները և գործարքի մերժման հոսքերը ձեռքով ստուգվում են հանձնումից առաջ։ Գնորդի կողմից պահանջվող testnet չոր վազքերը հասանելի են։
Սեփականություն և NDA.
Ամբողջ մտավոր սեփականությունը և աղբյուրի կոդի սեփականությունը փոխանցվում է գնորդին վերջնական առաքման ժամանակ։ NDA-ն հասանելի է ըստ պահանջի՝ իդեալական է գաղտնի ռեժիմի կամ ֆինանսավորվող Web3 նախագծերի համար։
Առաքման ժամկետ.
Հիմնական: 7 օր · Ստանդարտ: 14 օր · Պրեմիում: 25 օր
Ինչ է անհրաժեշտ գնորդից սկսելու համար.
1. Որ շղթաներին է անհրաժեշտ աջակցություն
2. Խելացի պայմանագրի հասցեներ + ABIs (եթե ինտեգրվում են պայմանագրեր)
3. Figma ֆայլ կամ հղման դիզայն (կամ դիզայն զրոյից՝ հարցրեք)
4. Որ դրամապանակներին պետք է կարողանան միանալ օգտատերերը
Եկեք կառուցենք այն։
Ուղարկեք շղթայի + պայմանագրի մանրամասները, և 48-ժամյա կենդանի նախադիտումը կառաքվի՝ զրոյական կանխավճարով։ Ձեր շղթայում կենդանի նախադիտումը կառաքվի մինչև որևէ վճարում կատարվի։
Zinner Որակի Երաշխիք
Յուրաքանչյուր Zinner վերանայվում և հաստատվում է հարթակին միանալուց առաջ:
Բոլոր ծառայություններն ապահովված են մեր որակի ապահովման պարտավորությամբ:
Ձեր վճարումը պաշտպանված է մինչև առաքված աշխատանքը հաստատելը:
Համեմատել փաթեթները
| Առանձնահատկություն | Հիմնական | Ստանդարտ | Պրեմիում |
|---|---|---|---|
| Առաքման ժամանակը | 7 օր | 14 օր | 25 օր |
| Վերանայումներ | 3 | 6 | 10 |
| Դրամապանակի միացում (MetaMask + WalletConnect v2 + Coinbase Wallet) | ✓ | ✓ | ✓ |
| Միաշղթա աջակցություն (դուք ընտրում եք մեկը) | ✓ | ✕ | ✕ |
| ERC-20 թոքենի մնացորդի ցուցադրում USD գներով | ✓ | ✓ | ✓ |
| Գործարքների պատմության ինտերֆեյս (վերջին 20 գործարքները) | ✓ | ✓ | ✓ |
| Արձագանքող ինտերֆեյս (բջջային + աշխատասեղան) | ✓ | ✓ | ✓ |
| Կենդանի տեղակայված URL Vercel-ում | ✓ | ✓ | ✓ |
| Ամբողջական աղբյուրի կոդ + README | ✓ | ✕ | ✕ |
| Ամբողջական աղբյուրի կոդ + README + կենդանի URL | ✕ | ✓ | ✓ |
| Բազմաշղթա աջակցություն (մինչև 4 շղթա) | ✕ | ✓ | ✓ |
| Շղթայի փոխարկիչի ինտերֆեյս սխալ ցանցի հուշումներով | ✕ | ✓ | ✓ |
| Փոխանակման ինտերֆեյս (Uniswap v3 երթուղի, սահք, գնի ազդեցություն) | ✕ | ✓ | ✓ |
| NFT պատկերասրահ մետատվյալներով + IPFS-ի ստացում | ✕ | ✓ | ✓ |
| WalletConnect v2 QR + բջջային խորը հղման հոսքեր | ✕ | ✓ | ✓ |
| Թոքենի հաստատման հոսք գազի գնահատմամբ | ✕ | ✓ | ✓ |
| Ներառված է անհատական Figma դիզայն | ✕ | ✓ | ✕ |
| Առաջնահերթ առաքման ժամանակահատված | ✕ | ✕ | ✓ |
| Անսահմանափակ շղթաներ | ✕ | ✕ | ✓ |
| Խելացի պայմանագրի ինտեգրում (կարդալ/գրել, տիպավորված ABIs, ձեր պայմանագրերը) | ✕ | ✕ | ✓ |
| Ստեյքինգի / եկամտաբերության ինտերֆեյս APY հետևմամբ | ✕ | ✕ | ✓ |
| Պորտֆելի վահանակ պատմական գծապատկերներով | ✕ | ✕ | ✓ |
| SIWE (Sign-In With Ethereum) նույնականացում | ✕ | ✕ | ✓ |
| Ադմինիստրատորի վահանակ պայմանագրերի կառավարման համար | ✕ | ✕ | ✓ |
| Անհատական Figma դիզայն (ամբողջական դիզայնի համակարգ) | ✕ | ✕ | ✓ |
| Դրամապանակի վերլուծություն + իրադարձությունների հետևում | ✕ | ✕ | ✓ |
| 30 օր առաքումից հետո աջակցություն | ✕ | ✕ | ✓ |
| Պորտֆելի վահանակ պատմական գծապատկերներով SIWE (Sign-In With Ethereum) նույնականացում Ադմինիստրատորի վահանակ պայմանագրերի կառավարման համար Անհատական Figma դիզայն (ամբողջական դիզայնի համակարգ) Դրամապանակի վերլուծություն + իրադարձությունների հետևում 30 օր առաքումից հետո աջակցություն Առաջնահերթ առաքման ժամանակահատված | ✕ | ✕ | ✓ |
Պորտֆոլիո
Վաճառողի աշխատանքի օրինակներ՝ կապված այս Zinn-ի հետ։
WALLIX — Web3 դրամապանակի ֆրոնտենդ
Արտադրական մակարդակի Web3 դրամապանակի ֆրոնտենդ բազմաշղթա աջակցությամբ, կենդանի թոքենի մնացորդներով և գործարքների պատմությամբ։ Կառուցված է wagmi v2-ով, viem-ով, RainbowKit-ով և Next.js 15-ով։ Աջակցում է MetaMask-ին, WalletConnect v2-ին և Coinbase Wallet-ի միացմանը, ERC-20 մնացորդի ստացմանը կենդանի USD գներով, շղթայի փոխարկմանը և արձագանքող ինտերֆեյսին։ Տեղակայված է Vercel-ում։
WALLIX — Ամբողջական Web3 ֆրոնտենդի ստեկ
Ամբողջական Web3 ֆրոնտենդի ճարտարապետություն — React 19, Next.js 15, TypeScript, Tailwind CSS և Framer Motion ֆրոնտենդում; wagmi v2, viem, ethers.js, RainbowKit և WalletConnect v2 Web3-ի համար; TanStack Query և Zustand վիճակի համար; Alchemy, Infura և CoinGecko տվյալների համար; տեղակայված է Vercel-ի, Cloudflare-ի, Railway-ի կամ IPFS-ի միջոցով։
WALLIX — DeFi պորտֆելի վահանակ
DeFi վահանակ, որը հետևում է ստեյքինգի ենթարկված ETH-ին, LP դիրքերին և վարկավորմանը բազմաթիվ շղթաներում։ Իրական ժամանակի APY հետևում, պատմական պորտֆելի գծապատկերներ և ըստ դիրքի կառավարում։ Կառուցված է wagmi v2-ով, viem-ով, Recharts-ով, TanStack Query-ով և Zustand-ով։ Աջակցում է յուրաքանչյուր եկամտաբեր դիրքի համար պահանջելու և կառավարելու հոսքերին։
WALLIX — NFT պատկերասրահ IPFS մետատվյալներով
NFT պատկերասրահ, որն աջակցում է ERC-721 և ERC-1155 հավաքածուներին IPFS մետատվյալների ստացմամբ, հատակի գնի ցուցադրմամբ և շուկայական խորը հղումներով դեպի OpenSea, Blur և Magic Eden։ Ցանցային և ցուցակային տեսքեր, ծույլ բեռնված մեդիա և բազմաշղթա NFT ստացում Alchemy-ի միջոցով։
WALLIX — Թոքենի փոխանակման ինտերֆեյս
Ներկառուցված թոքենի փոխանակման ինտերֆեյս Uniswap v3 երթուղիով, սահքի կառավարմամբ, գնի ազդեցության նախազգուշացումներով և հաստատման հոսքով։ Իրական ժամանակի գազի գնահատում, բազմաթիվ ցատկերի երթուղու նախադիտում և մարդուն հասկանալի սխալների վիճակներ։ Աշխատում է wagmi v2-ով և viem-ով՝ տիպավորված ABIs-ով՝ անվտանգ պայմանագրային կանչերի համար։
Լրացուցիչ տեղեկություններ
Տեխնոլոգիական փաթեթ
Ինչ է ներառված
Իմ գործընթացը
Ծառայության մանրամասներ
Հաճախ տրվող հարցեր
Այս Zinn-ը ներառում է միայն ֆրոնտենդը: Եթե անհրաժեշտ են Solidity պայմանագրեր (ERC-20, NFT, staking, presale, DAO), գրեք ինձ — ես պայմանագրային աշխատանքները գնահատում եմ առանձին՝ սկսած $400-ից:
Այո: WalletConnect v2-ը մշակում է բջջային դրամապանակի խորը հղումները, և յուրաքանչյուր UI լիովին արձագանքող է մինչև 320px: Փորձարկված է iOS Safari-ի, Android Chrome-ի և ներդրված դրամապանակի բրաուզերների վրա (MetaMask Mobile, Trust):
Այո: Ինտեգրվում է REST, GraphQL կամ webhook API-ների հետ: Կիսվեք փաստաթղթերով, և այն կմիացվի:
Ես տեղակայում եմ Vercel-ում (անվճար տարբերակը աշխատում է նախագծերի մեծ մասի համար) և հանձնում եմ կենդանի URL-ը: Եթե նախընտրելի է Cloudflare, Railway կամ ինքնուրույն հոսթինգ, ապա դա նույնպես կարգավորվում է:
Անվճար վերանայումներ 14 օրվա ընթացքում առաքումից հետո՝ սկզբնական շրջանակի ցանկացած բանի համար: Նոր գործառույթները գնահատվում են առանձին:
Այո — @solana/wallet-adapter-ի միջոցով: Սա EVM շղթաներից առանձին ինտեգրում է, բայց լիովին աջակցվում է: Գնանշումը նվազագույնը +$50 է, եթե ավելացվում է Basic պատվերին:
Alchemy, Infura կամ QuickNode՝ կախված շղթաներից: Եթե ունեք ձեր սեփական RPC վերջնակետերը, կիսվեք դրանցով: Եթե ոչ, ապա անվճար մակարդակի բանալիները կկարգավորվեն, և փոխանակման հրահանգները կփաստաթղթավորվեն:
Այո — SIWE (Sign-In With Ethereum) կամ հատուկ հաղորդագրությունների ստորագրում: Հիանալի է սահմանափակ բովանդակության, ադմինիստրատիվ տարածքների կամ օգտատերերի հաշիվների համար: Ներառված է Premium-ում, հասանելի է որպես հավելում Basic/Standard-ի համար:
Ես կարող եմ նախ կառուցել testnet պայմանագրի դեմ և անցնել mainnet, երբ դուք տեղակայեք: Կամ օգտագործել mock ABI-ներ և հանձնման ժամանակ փոխարինել իրականներով:
Standard-ը ներառում է Figma ֆայլ կառուցված UI-ի համար: Premium-ը ներառում է ամբողջական դիզայնի համակարգ: Basic-ը չի ներառում Figma — գնորդը տրամադրում է դիզայնը կամ հաստատում է կոդի ներսում դասավորությունը:
Գնորդը տիրապետում է ամբողջ մտավոր սեփականությանը և աղբյուրի կոդին վերջնական առաքման ժամանակ: Ամբողջական պահոցի մուտքը, փաստաթղթերը, տեղակայման հավատարմագրերը և միջավայրի կոնֆիգուրացիաները փոխանցվում են վերջնական վճարման հետ: Առանց լիցենզավորման սահմանափակումների, առանց շարունակական վճարների, առանց վաճառողի կողպման:
Wallet-connect smoke թեստերը գործարկվում են MetaMask-ի, WalletConnect v2-ի և Coinbase Wallet-ի վրա Chrome-ում, Safari-ում և բջջային ներդրված դրամապանակի բրաուզերներում: Շղթայի փոխարկումը, սխալ ցանցի հուշումները, ստորագրության մերժումը և գործարքի ձախողման հոսքերը ձեռքով ստուգվում են հանձնումից առաջ: Գնորդի կողմից պահանջվող testnet չոր վազքերը հասանելի են ըստ պահանջի:
Այո: NDA հասանելի է ըստ պահանջի — իդեալական է ֆինանսավորվող Web3 նախագծերի, գաղտնի ռեժիմի մեկնարկների կամ ձեռնարկությունների հաճախորդների համար՝ համապատասխանության պահանջներով: Կիսվեք ձեր NDA ձևանմուշով կամ պահանջեք փոխադարձ մեկը: Ստորագրվում է մինչև որևէ կոդի կամ պայմանագրի մանրամասների փոխանակումը:
Հաճախորդների ակնարկներ
Տեսեք, թե ինչ են ասում մեր հաճախորդները այս Zinn-ի մասին
Կատեգորիաներ
Zinner Քաղաքականություն
Առնչվող Zinns
Ինտեգրել Firebase Supabase Node.js Auth և տվյալների բազան վեբ հավելվածներում
