Build and Deploy a Web3 Blockchain Crowdfunding Platform (Kickstarter)
Vložit
- čas přidán 16. 06. 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 CZcams 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
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
💯
Best practices for starters, and well explained topics, love the teaching styles and the contents!!. Well Done Adrian!! 💙
Glad you like them!
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🙄🤗
Seriously how this type of content is Free? Love your JSM. please upload more beginner-friendly blockchain projects.
LOVE YOU 3000.
Will do!
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
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.
i just watched a dozen of your videos all your way through. bravo im hooked.
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??
Your projects are always beginner friendly.You are Great
Thanks
A brilliant tutorial Adrian. You sure know your stuff. Well done and keep up the great work.
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!
can see your efforts, hard work just completed this project! tysm
Thanks as always Adrian for the smart contract one. Very detailed and presice video tutorial ever
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 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
Best channel for professional projects.
Loved ur explanation.❤️
Thank you so much 😀
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.
Best of the Best … just finished my Degree, finally a good time to dig in.. ❤
You are nothing but the best. Please 🙏 keep uploading videos like this
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!!!!
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 😊
Excelent VIdeo Teacher ! Congrats for has the best Courses in all CZcams
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
We will always still be watching bro, you’re a legend 💪
As soon as I hear the "Hi there," I get pumped for another quality video.
I'm glad to hear that!:)
Keep these web 3 projects coming! I was looking to get started in web 3
Will do!
You are at it again. Love your work 👍
Thank you so much 😀
JSM is always lit and making it everytime!, Well Done bro! always supporting.
Appreciate it!
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
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
A lot of things are deprecated now like the Mumbai network and all
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
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.
one of the best channels on youtube
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
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?
Brilliant tutorial! Thanks 🎉
This kind of Tutorial for free? I wish I can do more than to say Thank you. This is indeed life changing. Thanks Adrian
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
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
Bro you are a awesome man. and divine developer. keep going and make your audience wow full. 👍
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.
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?
Bro... I really appreciated your work bro. This amazing.. Hope God bless you broo..
wow, thanks for another amazing video!
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 🎉
Masterful display of Javascript by JS Mastery
Thank you Sicario!
Amazing content! Better than paid courses.
This is gem. This channel is literally the main reason I stay long on CZcams. I'm hoping to take your premium courses soon
Did you complete the app?
I am thankful to you for this video and please also make other content videos on blockchain and web 3... thanks❣
I was waiting for this video
This will my project for college
Perfect
You’re just simply amazing. Thanks for everything you do. God bless your household
Thank you!
Thakyou soo much
Ive learned so much more from this vid
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?😍
I love it Adrian! Thank you
My pleasure!
NOTE: For (u)int256 numbers, you can just use (u)int without the number, it defaults to 256 bits
Bro your content is literary best and love to get more web3 projects
This is amazing tutorial thank you
Best tutorial on internet till date ⚡🔥
Thank you!
thx in advance, decide to pull an all-nighter to finish this one
Best of luck!
The best cources ever! Thank you so much
Teleqram me 👆⬆️
Great!! Please make a part 2 of this where the refunding of amount will take place and is shown on the application.
Damn , I just love you man , thanks for amazing content
Thank you! :)
Thanks once again. You rock!
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 :)
Please let me know if your code is working
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?
Rất may mắn được là một pioneer , cảm ơn đội ngũ PCT
thank u so much sir you are the best teacher web dev and blockchain
Thank you!
Love you so much, very good video
Great as always 🤩
Thank you! Cheers!
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.
Thanks again to this project bro
Wow your the best ever helpful for us thank you man
Teleqram me 👆⬆️
Thanks for the knowledge
Thank you so much for your video
another bangerrr!!
Not sure if you correct it later in the video, but I think the donations array should be outside of the campaing object.
Excited , will do it after exams
Awesome!
Thanks Man! Big Time!!
Any time!
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 for the video Adrian, one question I can’t figure out where the cards of other users come from ?
Waren here with thirdweb, amazing content!
The best! Hugs from brazil!
Hugs to Brazil from Croatia :)
your videos are special, you're special
Thank you!!
Great.thanks for make this informative video
Glad it was helpful!
thirdweb is so much useful
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.
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
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!
This is best.. Thanks for sharing your knowledge.. Please create nft marketplace project ❤️
You are the best man 😊
You are the best
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