How to Build a Web3 Accountability App

In this video learn how to build a web2 accountability app where a user can lock funds in a smart contract and set tasks to be completed. The only way a user can get the funds back is if they complete all the tasks that are set.
Accountability Contract: thirdweb.com/0xEe29620D0c544F...
GitHub Repo: github.com/thirdweb-example/y...
thirdweb API: thirdweb.com/dashboard/settingsa
Creating an API: • Start building blockch...
thirdweb Docs: portal.thirdweb.com/
Join our Community of over 30,000 Web3 builders: / discord
thirdweb Official Site: thirdweb.com/dashboard
thirdweb Twitter: / thirdweb
Timestamps:
00:00 Demo of web3 accountability app
02:24 Overview of how to build a web3 accountability app
03:50 Create accountability smart contract with Solidity
17:00 Deploy accountability smart contract with thirdweb
18:50 Create a Next.js project and configure thirdweb Connect SDK
25:15 Add a connect button to connect a web3 wallet to app
27:15 Get smart contract to interact with Connect SDK
33:00 Create component to deposit funds to lock within contract
39:15 Create component to get a list of tasks that need to be completed
45:15 Create a task card to show description and button to complete task
51:45 Create an add task component to add new tasks to the task list
57:25 Conclusion

[@officialhomie_6669]

Create a video that builds a dex with the typescript v5. The old one, most hooks are really outdated and doesn’t work anymore

[@ricorpg]

17:35, "You don't have any funds on this network. You'll need some MATIC to pay for gas. You can get some from the faucet below." please help me resolve this issue

[@jhilkeDai69]

what AI tool are you using with VSCode editor?

[@thirdweb_]

GitHub Copilot 👍

[@mohammadayaansiddiqui7125]

Time to re-build an AI NFT Minter with latest sdk,

[@Cocomelonss21]

dude create an embedded for staking

[@MaxMohammadi]

Maybe you should work on Solana integrations instead lmfao

[@gysaxnomercy]

hello bro, your explained is great!. but i have some problems, when i write "npx thirdweb create contract" isn't work. i don't know how to fix it, can you help me to solve it?.
that shown:
npm warn cleanup Failed to remove some directories [
npm warn cleanup [
npm warn cleanup 'C:\\Users\\USER\\AppData\\Local\
pm-cache\\_npx\\1b718c59dfba7034\
ode_modules\\@thirdweb-dev\\wallets',
npm warn cleanup [Error: EPERM: operation not permitted, rmdir 'C:\Users\USER\AppData\Local
pm-cache\_npx\1b718c59dfba7034
ode_modules\@thirdweb-dev\wallets
ode_modules\@grpc\grpc-js\build\src'] {
npm warn cleanup errno: -4048,
npm warn cleanup code: 'EPERM',
npm warn cleanup syscall: 'rmdir',
npm warn cleanup path: 'C:\\Users\\USER\\AppData\\Local\
pm-cache\\_npx\\1b718c59dfba7034\
ode_modules\\@thirdweb-dev\\wallets\
ode_modules\\@grpc\\grpc-js\\build\\src'
npm warn cleanup }
npm warn cleanup ],
npm warn cleanup [
npm warn cleanup 'C:\\Users\\USER\\AppData\\Local\
pm-cache\\_npx\\1b718c59dfba7034\
ode_modules\\@thirdweb-dev\\sdk',
npm warn cleanup [Error: EPERM: operation not permitted, rmdir 'C:\Users\USER\AppData\Local
pm-cache\_npx\1b718c59dfba7034
ode_modules\@thirdweb-dev\sdk
ode_modules\@eth-optimism\contracts\dist'] {
npm warn cleanup errno: -4048,
npm warn cleanup code: 'EPERM',
npm warn cleanup syscall: 'rmdir',
npm warn cleanup path: 'C:\\Users\\USER\\AppData\\Local\
pm-cache\\_npx\\1b718c59dfba7034\
ode_modules\\@thirdweb-dev\\sdk\
ode_modules\\@eth-optimism\\contracts\\dist'
npm warn cleanup }
npm warn cleanup ],
npm warn cleanup [
npm warn cleanup 'C:\\Users\\USER\\AppData\\Local\
pm-cache\\_npx\\1b718c59dfba7034\
ode_modules\\@thirdweb-dev\\sdk\
ode_modules',
npm warn cleanup [Error: EPERM: operation not permitted, rmdir 'C:\Users\USER\AppData\Local
pm-cache\_npx\1b718c59dfba7034
ode_modules\@thirdweb-dev\sdk
ode_modules\thirdweb\dist\types'] {
npm warn cleanup errno: -4048,
npm warn cleanup code: 'EPERM',
npm warn cleanup syscall: 'rmdir',
npm warn cleanup path: 'C:\\Users\\USER\\AppData\\Local\
pm-cache\\_npx\\1b718c59dfba7034\
ode_modules\\@thirdweb-dev\\sdk\
ode_modules\\thirdweb\\dist\\types'
npm warn cleanup }
npm warn cleanup ]
npm warn cleanup ]
npm error process terminated
npm error signal SIGINT
npm error A complete log of this run can be found in: C:\Users\USER\AppData\Local
pm-cache\_logs\2024-04-29T16_11_01_581Z-debug-0.log
npm warn deprecated @safe-global/safe-core-sdk@3.3.5: WARNING: This project has been renamed to @safe-global/protocol-kit. Please, follow the migration guide docs.safe.global/safe-core-aa-sdk/protocol-kit/reference/v1
npm warn deprecated zksync-web3@0.14.4: This package has been deprecated in favor of zksync-ethers@5.0.0
npm warn deprecated @safe-global/safe-ethers-lib@1.9.4: WARNING: This package is now bundled in @safe-global/protocol-kit. Please, follow the migration guide docs.safe.global/safe-core-aa-sdk/protocol-kit/reference/v1.