Build and Deploy a Web3 Blockchain Crowdfunding Platform (Kickstarter)
Вставка
- Опубліковано 17 кві 2024
- 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 UA-cam 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
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🙄🤗
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
💯
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.
Seriously how this type of content is Free? Love your JSM. please upload more beginner-friendly blockchain projects.
LOVE YOU 3000.
Will do!
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.
Your projects are always beginner friendly.You are Great
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.
You REALLY MAKE my day i've been try to study do to something simular from a long time... Ur amazing. God bless you!
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
My favorite teacher, genius !
You're the best!
Thanks as always Adrian for the smart contract one. Very detailed and presice video tutorial ever
Best of the Best … just finished my Degree, finally a good time to dig in.. ❤
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!!!!
can see your efforts, hard work just completed this project! tysm
Best channel for professional projects.
Loved ur explanation.❤️
Thank you so much 😀
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
You are nothing but the best. Please 🙏 keep uploading videos like this
We will always still be watching bro, you’re a legend 💪
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
Wow....been waiting for dis for a long time.God bless u endlessly.ur projects are topnotched 🤗🤗🤗🤗🤗🤗
My pleasure 😊
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.
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.
Omg ... another best project sir 👏👏
Thank you so much 😀
Im so happy right now ^_^ ... because this is totally free course
Excelent VIdeo Teacher ! Congrats for has the best Courses in all UA-cam
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 :)
Keep these web 3 projects coming! I was looking to get started in web 3
Will do!
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 )
one of the best channels on youtube
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.
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
Your courses are absolutely INSANEEE! Can we get a WEB 3.0 SUPPLY CHAIN DAPP for tracking the entire process?
Great idea!
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
As soon as I hear the "Hi there," I get pumped for another quality video.
I'm glad to hear that!:)
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 ?
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
Brilliant tutorial! Thanks 🎉
Bro you are a awesome man. and divine developer. keep going and make your audience wow full. 👍
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?
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.
JSM is always lit and making it everytime!, Well Done bro! always supporting.
Appreciate it!
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?
Same here, I am not able to create a campaign.....after clicking on "Submit new Campaign" button the campaign does not create
@@kalashjha7997 your error resolved or not ?
@@user-ik2tr4wq4q your error resolved or not ?
You are at it again. Love your work 👍
Thank you so much 😀
New video and new dazzling from the genius Adrian 👏🏻 All respect for your generosity 🙏🏻
Hope you enjoyed it!
You certainly did. Thank you. You are a wonderful person, my friend. I hope you will continue your success. I wish you all the best. 🙏🏻
NOTE: For (u)int256 numbers, you can just use (u)int without the number, it defaults to 256 bits
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 🎉
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.
This kind of Tutorial for free? I wish I can do more than to say Thank you. This is indeed life changing. Thanks Adrian
I am thankful to you for this video and please also make other content videos on blockchain and web 3... thanks❣
Amazing content! Better than paid courses.
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.
Best tutorial on internet till date ⚡🔥
Thank you!
So good and clear explanation✅! Thank you so much, sir, for all of your efforts 👍🤝
You are most welcome
Bro... I really appreciated your work bro. This amazing.. Hope God bless you broo..
Masterful display of Javascript by JS Mastery
Thank you Sicario!
Bro your content is literary best and love to get more web3 projects
You’re just simply amazing. Thanks for everything you do. God bless your household
Thank you!
This is amazing tutorial thank you
wow, thanks for another amazing video!
Awsome content!!
When are we getting the part 2?😍
I was waiting for this video
This will my project for college
Perfect
Thakyou soo much
Ive learned so much more from this vid
Thanks once again. You rock!
The best cources ever! Thank you so much
Teleqram me 👆⬆️
Damn , I just love you man , thanks for amazing content
Thank you! :)
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?
Thanks again to this project bro
Rất may mắn được là một pioneer , cảm ơn đội ngũ PCT
Excited , will do it after exams
Awesome!
thank u so much sir you are the best teacher web dev and blockchain
Thank you!
Wow your the best ever helpful for us thank you man
Teleqram me 👆⬆️
Thanks for the knowledge
thx in advance, decide to pull an all-nighter to finish this one
Best of luck!
This is best.. Thanks for sharing your knowledge.. Please create nft marketplace project ❤️
I love it Adrian! Thank you
My pleasure!
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
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.
Great!! Please make a part 2 of this where the refunding of amount will take place and is shown on the application.
Your presentations is very good sir .
What software you use to build the animation in video ?
Love you so much, very good video
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
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?
Thanks for the video Adrian, one question I can’t figure out where the cards of other users come from ?
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?
Not sure if you correct it later in the video, but I think the donations array should be outside of the campaing object.
Great as always 🤩
Thank you! Cheers!
your videos are special, you're special
Thank you!!
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!
I love thisss and I haven't even watched it yet
Thanks!
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!
Thank you so much for your video
Please 🙏 keep uploading videos like this
You are the best man 😊
You are the best
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 ?
Great.thanks for make this informative video
Glad it was helpful!