Build and Deploy a Web3 Blockchain Crowdfunding Platform (Kickstarter)
With a stunning design, connected to the blockchain, metamask pairing, interaction with smart contracts, sending Ethereum through the blockchain network, writing solidity code, and, most importantly, the ability to create create, view, and donate to crowdfunding campaigns directly through the blockchain; this course is perfect to fully understand how web3, blockchain, Solidity, and smart contracts truly work behind the scenes.
⭐Thirdweb - thirdweb.com/?...
Become a Web3.0 Pioneer by Building an Advanced NFT Marketplace App:
💻 JS Mastery Pro - jsmastery.pro/youtube
✅ A special KZhead discount code is automatically applied!
📙 The Web 3.0 Developer Roadmap
: resource.jsmastery.pro/web3.0...
📙 The Ultimate Solidity CheatSheet
: resource.jsmastery.pro/solidi...
📚 Materials/References:
GitHub Code (give it a star ⭐) - github.com/adrianhajdin/proje...
Assets: minhaskamal.github.io/DownGit...
GitHub Gist Code - gist.github.com/adrianhajdin/...
Metamask: metamask.io/
Goerli Faucet: goerlifaucet.com/
🐛Got stuck? Get your bugs resolved immediately - / discord
🐦 Follow us on Twitter: / jsmasterypro
🖼️ Follow us on Instagram: / javascriptmastery
💼 Business Inquiries: contact@jsmastery.pro
Time Stamps 👇
00:00:00 Intro
00:09:31 Smart Contract
00:53:29 Sidebar
01:03:52 Navbar
01:30:48 Create Campaign
01:54:24 Web3 Context
02:11:27 Homepage
02:44:16 Campaign Details
Want to land your dream programming job in 3 - 6 months? ⭐ JSM Masterclass Experience - jsmastery.pro/masterclass Become a Software Engineer. Guaranteed.
Can you please create one NFT marketplace video. I want to know how the process works. Please 🥺
Im getting this error: contract call failure Error: Function "createCampaign" requires 6 arguments, but 0 were provided.
Source hithub bro
Is this your own course, I’m very curious?
@@Smurfis yes
OMGGG!!! DUDEEE NO WAY YOU ARE GIVING THESE CONTENTS FOR FREE! BRO YOU ARE THE BESTTTT
Yesss
Areee bhai sahi me...🤦 I am 😲 shocked.....
@@rachitsen Ha bro...Jai Shri Mahakaal
@@javascriptmastery please tell is it good and have full detailed for final year project of Computer science
Bro i was just saying that out loud came to check in and seen this
Bro your content is literary better than university classes, practical, step by step and straight to the point and real world results. Thanks for providing so much of this top notch quality content.
Thank you soo much! :)
strongly agree . After studying 4 years I realize that academy degree has zero value in real life and most of things are taught in cse are out dated now.
@@javascriptmasteryf
@@alifhasanshahOfficial true bro
💯
love the way everything started from scratch without any pre-build template
Glad to hear that! :)
I see your comments on almost every web3 realted videos on YT🙄🤗
Adrian your voice is naturally soothing 😂😂 and I am actually hooked to your videos, since the explanations are so clear, concise, and can be kept as notes. You are truly a gifted teacher.
Best practices for starters, and well explained topics, love the teaching styles and the contents!!. Well Done Adrian!! 💙
Glad you like them!
Wow, man. Great job, as always. I wanna dive right into web3 and am so so grateful for your content!
You can do it!
From the project, can you actually donate to a campaign...does it have that functionality??
A brilliant tutorial Adrian. You sure know your stuff. Well done and keep up the great work.
Seriously how this type of content is Free? Love your JSM. please upload more beginner-friendly blockchain projects. LOVE YOU 3000.
Will do!
dude you're amazing! one tip - before you start building the app, you can provide the viewers with a list of components you will be using and relevant resources, so that they can try building it by themselves. then when they're stuck they can use your video to unblock :)
thank you for ur suggestion , i was thinking the same ... So can you do it for him in here , in the comment please sorry for my english i am learning ... thanks
That is some awesome stuff right there seriously!!! Loved every moment while watching your video and side by side developing it...Thank you so much for your selfless effort and keep up with the good work and such awesome projects in future too.....
Lol nope
i just watched a dozen of your videos all your way through. bravo im hooked.
can see your efforts, hard work just completed this project! tysm
Are we going to get the second version for this project as I believe a lot of the major functionalities are yet to be coded, for example the theme feature, logout feature and a lot more!!! But, loved the way you teach Adrian, you make project building so easy and interactive!!!!
Your projects are always beginner friendly.You are Great
Thanks
You REALLY MAKE my day i've been try to study do to something simular from a long time... Ur amazing. God bless you!
Thanks as always Adrian for the smart contract one. Very detailed and presice video tutorial ever
Great work Adrian, I'm still going throught the tutorial, but it has been amazing so far (only half way) I can see why a lot of frontend knowledge is needed initially if you want to be a fullstack web3 dev as a lot the time spent in this tutorial from the looks is building the frontend and connecting it to the backend.
hii can you please help me out to run project locally getting too many issues can you please provide your code and you linkedIn profile it will really helpful please do consider
@@shubhampatel_2704 xddddddddddddddddddddddddddddddddddddddddd wtf, stop begging
Awesome content. I'm using your videos to get up to date with web3 and upgrade my React. Thank you for the great straight to the point content (Although i would've loved if the client used Typescript with React )
Great job Adrian, a heads up on the build. There is a problem with chunksize which caused the build to fail. In the Vite.config file, I added { build: { chunkSizeWarningLimit: 1600} ) to resolve the issue.
My favorite teacher, genius !
You're the best!
Best of the Best … just finished my Degree, finally a good time to dig in.. ❤
We will always still be watching bro, you’re a legend 💪
This is great dude. I might have missed it but how would you handle things like only paying out if the target is reached, so if the target is not reached by the deadline donars are refunded (minus gas fees I guess). Or handle something like a platform cut, ie I setup a campaign on your site and you get say 1%, then have when you create the goal amount some sort of info that says to get $$$ remember we take 1% so you should up $$$ to $$$$ to insure you get the full amount.
Wooaaaww ! looked 4 about 10 minutes and that was so clear , well explained , precise , .... I just know nothing about your job but it's look like great. I'm going to look for the suit. THX 4 that.
You are nothing but the best. Please 🙏 keep uploading videos like this
The tutorial you provide is very useful and easy to understand, I started learning from you since I was 11 years old and I can understand it well. Thank you very much
Keep it up
now how old r u?
@@thechief4568 13 years old
you're on the right path in life lil one!!! i'm a blockchain dev at 25 yrs old. I wish this stuff existed when I was 11. You can be jeff bezo before you even come 18. stay focus lil one and stay away from FAMILY & FRIENDS that don't have dreams like you! That can be your biggest downfall
Keep these web 3 projects coming! I was looking to get started in web 3
Will do!
This kind of Tutorial for free? I wish I can do more than to say Thank you. This is indeed life changing. Thanks Adrian
Thankyou so much for this project. I coded it completely with you and I learned a lot. Thankyou so much for this amazing project!!
it did not work for me
@@mandavasathvik6574 was ur os windows /?? i doubt it will not work for me too
Omg ... another best project sir 👏👏
Thank you so much 😀
Im so happy right now ^_^ ... because this is totally free course
Bro you are a awesome man. and divine developer. keep going and make your audience wow full. 👍
Best channel for professional projects. Loved ur explanation.❤️
Thank you so much 😀
Your courses are absolutely INSANEEE! Can we get a WEB 3.0 SUPPLY CHAIN DAPP for tracking the entire process?
Great idea!
Hello there. Just wanted to shout out a huge THANK YOU for all the content you've been posting lately. You're amazing and so are your tutorials. Additionally, I just wanted to point out as well that the create app from thirdweb u used in the video is not offering the vite option anymore, so for those who've noticed and have any issues regarding the creation of the app using vite the following command does the trick: npx thirdweb create --template vite-javascript-starter. Kind regards
DUDE thank you!! was running into a lot of obstacles trying to use next
Thank you so much
i run into an error using your suggestionss. "Could not locate the repository for "emplate". Please check that the repository exists and try again" how to resolve this? The Template spelling is correct,i dont know why visual studio is saying its "emplate"😢Thanks
It is there for me but does not build all the packages and errors out
thank u mate💪 can you create a tutorial about how to control a dapp with database o somthing like database in the future ?
Cool idea!
i like to see that as well
Excelent VIdeo Teacher ! Congrats for has the best Courses in all KZhead
As soon as I hear the "Hi there," I get pumped for another quality video.
I'm glad to hear that!:)
The video is not understandable as most of the prerequisites are not mentioned, no clear instructions. Most of the things don't work even after following the steps.
this channel looks cool but i hate this.
That's bcoz in blockchain, there are major updates as well as deprications in technologies that's why u should also know how to code so u can change any new substitutes in place of old versions or techs
I am not able to send campaign details to contract deployed on thirdweb, so do we need to use API or it can only be done by contract address as done in video
I am facing the same issue
same here
Did you find solution for this ?
@@yogeshraut2071 have you set up a thirdweb client id? If not, you won't be able to access any of the thirdweb features
You are at it again. Love your work 👍
Thank you so much 😀
Hello, the function daysLeft is not correct. Here is an update adding a condition that check if is less of 0 export const daysLeft = (deadline: string | number): string => { const now = new Date().getTime() const deadlineTime = new Date(deadline).getTime() const difference = deadlineTime - now if (difference
Hi there!!! :) In the createCampaign function, I think the deadline should be "bigger" than block.timestamp. When you write your require, you are comparing with a variable (campaign.deadline) that it is not assigned yet (you make this a few lines later). At the moment of the require the value of the deadline is still 0 for that new campaign. Doing a functional analysis, the target doesnt have any sense if the owner of the campaign receives always the "ethers" on each donation transaction. If we suppose the target is not reached when the deadlines arrives, then every donator should recover what he had donated... and if the target is reached, the owner of the campaign should claim the amount collected (that should have been saved in the contract at this moment)... Idont you think this could be better?
Right, I also don't see any logic or explanation about how to return funds to donators' addresses in case of expired deadline. I hope we get an answer to that. Also, this "campaign details page" logic is flawed, the way the state is passed down to page is not good, if you open the same url in other window, it will fail because route "state" will be undefined. I suggest adding a function getCampaignById(_id) to smart contract.
👆 questions can come in.
I did not find the part about returning funds to donors' addresses in case of an expired deadline. Can you explain this further?
When doing the create campaign function did you ever come across an error about receiving metadata from thirdweb?
@@KetanKandola I encountered the same error. Have you resolve it yet?
I just finished this project, thank you for all of your explanation😉
Have you faced any errors while making it? If so how did you solved it. Would be helpful if you reply . Thanks :)
Wow....been waiting for dis for a long time.God bless u endlessly.ur projects are topnotched 🤗🤗🤗🤗🤗🤗
My pleasure 😊
contract interaction notification is not popped up after clicking on "submit new campaign" now what should i do??
Same issue brother,did you get it resolved?
@@kalashjha7997 NO? is your error resolved?
Any solution for this error?
In the sidebar component, you forgot to add the "onClick={handleClick}" for it to work properly, and I noticed that the Icon component in the code is not returning any JSX. You need to add a return statement to return the JSX markup. Thanks for the tutorial!
can u please elaborate further as im very new to this and i noticed something was off with the sidebar but i thought it was something i did wrong
This worked. Thanks. I was wondering why my icons weren't showing up.
NOTE: For (u)int256 numbers, you can just use (u)int without the number, it defaults to 256 bits
I am thankful to you for this video and please also make other content videos on blockchain and web 3... thanks❣
JSM is always lit and making it everytime!, Well Done bro! always supporting.
Appreciate it!
At 2:09:55, I faced this error "createCampaign accepts 6 arguments but provided 0" - something like that. I found a fix for this error. Follow the below steps: STEP 1) Navigate your way back to "context" folder in Project's "client" directory & open "index.jsx" file. STEP 2) In the "publishCampaign" function, replace your "try-catch" block with the below one: try { const data = await createCampaign({ args: [ address, form.title, form.description, form.target, new Date(form.deadline).getTime(), form.image ] }); console.log("contract call success", data) } catch (error) { console.log("contract call failure", error) } So as you'll can understand, it was a simple "args" to be added before providing those arguments and passing it like an object. Cheers!
Error: Could not resolve metadata for contract at 0x3eBEDD08D5c789aDCaB093DfbAAdbE99a8457cae at fetchContractMetadataFromAddress do you know how to solve this ? create campaign is not working
@@siddheshpandey6382 I fixed it by again deploying the Smart Contract to thirdweb and replacing the old address with the new one.
@@siddheshpandey6382 You're welcome 🤗
thanks bro needed that. :)
@@papa-fy3pv Wow, I am happy for you 🎉
Brilliant tutorial! Thanks 🎉
one of the best channels on youtube
Bro... I really appreciated your work bro. This amazing.. Hope God bless you broo..
So good and clear explanation✅! Thank you so much, sir, for all of your efforts 👍🤝
You are most welcome
Awsome content!! When are we getting the part 2?😍
Bro your content is literary best and love to get more web3 projects
Amazing content! Better than paid courses.
wow, thanks for another amazing video!
Awesome man! 😊🌹🌹 Keep going!!!! I have a question. What is the difference between this one and the one recorded 3 months ago?! Do I need to watch that one too?
Great!! Please make a part 2 of this where the refunding of amount will take place and is shown on the application.
I made METVERSUS from your previous video and now I excited for doing this new project ❤.
Hope you enjoy it!
@@javascriptmastery Not only enjoyed but also learn many new things thanks for that.
Amazing content, I liked the video but I was asking if it would be possible or how do we integrate other wallets like trust wallet and others for people that donn't use metamask. Thanks
Thanks once again. You rock!
This is gem. This channel is literally the main reason I stay long on KZhead. I'm hoping to take your premium courses soon
Did you complete the app?
You’re just simply amazing. Thanks for everything you do. God bless your household
Thank you!
Best tutorial on internet till date ⚡🔥
Thank you!
I want to say thanks for the great content and for show use how to use this great tool. If you were to help someone with a general understating of programming; and ready to start building their own projects. What would the preparation or planning look like before you even think about writing your first line of code. I really think this part of the process is missing... and I need some help with that.
thx in advance, decide to pull an all-nighter to finish this one
Best of luck!
Masterful display of Javascript by JS Mastery
Thank you Sicario!
Your presentations is very good sir . What software you use to build the animation in video ?
Damn , I just love you man , thanks for amazing content
Thank you! :)
I was waiting for this video This will my project for college
Perfect
This is amazing tutorial thank you
Thanks for the video Adrian, one question I can’t figure out where the cards of other users come from ?
The best cources ever! Thank you so much
Teleqram me 👆⬆️
Hi @JavaScript Mastery, is it possible to create payments only for DAI stable coin? So if anyone sends eth or some others from metamask it converts it to DAI by default? Thank You for all Your videos
wow just wow. Your tutorials have been amazing. I've learned so much from watching. Maybe you can do a SaaS tutorial next. Would be cool to learn how to make a Saas Product in typescript
Thank you! Will do!
I love it Adrian! Thank you
My pleasure!
Is there a way to add a bit of a kickback to the marketplace to help fund further development?
Than you for your work, great video. Little note. I was a bit confused by the expression "on small devices ...." and the syntax of tailwindcss as "sm:....", it means NOT on small devices but from small devices (min-width: 640px and large).
👆 questions can come in.
Hi! Why didn't you show any testing using hardhat? As testing is a very important part of building a blockchain application so... Was expecting that too man! But great development video apart from that, literally!
Not sure if you correct it later in the video, but I think the donations array should be outside of the campaing object.
Thank you for your hard work. But if i work on Evmos, what do i need to change? And if that, what should the chain-id be?
Error: mutation.ts:261 Error: Function "createCampaign" requires 6 arguments, but 0 were provided. Expected function signature: contract.call("createCampaign", [_owner: string, _title: string, _description: string, _target: BigNumberish, _deadline: BigNumberish, _image: string]): Promise
I wonder how could you remember so many framework and language ? I am struggling in it. Will you share some tips Should a developer remember all of the things at a time when developing a new project ?
thank you so much for this amazing video, i only have a question , If your project is successfully funded on kickstarter , the following fees will be collected from your funding total: Kickstarter's 5% fee, and payment processing fees (between 3% and 5%). If funding isn't successful, there are no fee , so How much does it cost to get on this platform? , or is it that we cant collect fees from cryptocurrency cuz it count as a third party ?
Great as always 🤩
Thank you! Cheers!
This is best.. Thanks for sharing your knowledge.. Please create nft marketplace project ❤️
I did some changes in the smart contract but web3 is not picking up those changes. Will it pick up the changes after I create the app?
Hi mane, love your content. Would you like to share any vscode extension you used? it's pretty hard for me to write js properly and some bugs I've encountered because some of my syntax was not right.
I downloaded the following extensions: - Solidity - TailwindCSS - Vite - install yarn separately - Snippets
Excited , will do it after exams
Awesome!
Awesome content as always… For your next react native tutorial can you please include push notifications??
Cool idea!
Waiting for ( IDO ) Initial Dex Offering dapp tutorial ☺️ Thanks in advance ✅
thank u so much sir you are the best teacher web dev and blockchain
Thank you!
The project is brilliant but how can we extract those funds after its been raised? Or we dont need to cause it gets added directly to wallet?
Thank you for this amazing project. Can you please make one video on Fullstack Deployment it will be really very helpful. Hope to get it soon ❤️👨💻
Hopefully soon
Waren here with thirdweb, amazing content!
When I have more money that what I need, I will come back here and donate you. You deserve billions of followers!
Is there any paid services used while making this project. Mean i want to code side by side. So will I have pay for any technology used in this course or I can complete this without paying for any service ?