Build and Deploy a Web3 Blockchain Crowdfunding Platform (Kickstarter)
HTML-код
- Опубликовано: 1 июн 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 RUclips 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🙄🤗
Best practices for starters, and well explained topics, love the teaching styles and the contents!!. Well Done Adrian!! 💙
Glad you like them!
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
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!
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??
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
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!
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
Your projects are always beginner friendly.You are Great
Thanks
i just watched a dozen of your videos all your way through. bravo im hooked.
Best of the Best … just finished my Degree, finally a good time to dig in.. ❤
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
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!!!!
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 😀
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 )
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
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.
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.
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
Keep these web 3 projects coming! I was looking to get started in web 3
Will do!
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
You are nothing but the best. Please 🙏 keep uploading videos like this
Omg ... another best project sir 👏👏
Thank you so much 😀
Im so happy right now ^_^ ... because this is totally free course
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
Wow....been waiting for dis for a long time.God bless u endlessly.ur projects are topnotched 🤗🤗🤗🤗🤗🤗
My pleasure 😊
This kind of Tutorial for free? I wish I can do more than to say Thank you. This is indeed life changing. Thanks Adrian
NOTE: For (u)int256 numbers, you can just use (u)int without the number, it defaults to 256 bits
Your courses are absolutely INSANEEE! Can we get a WEB 3.0 SUPPLY CHAIN DAPP for tracking the entire process?
Great idea!
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
This is gem. This channel is literally the main reason I stay long on RUclips. I'm hoping to take your premium courses soon
Did you complete the app?
Excelent VIdeo Teacher ! Congrats for has the best Courses in all RUclips
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
JSM is always lit and making it everytime!, Well Done bro! always supporting.
Appreciate it!
We will always still be watching bro, you’re a legend 💪
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?
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.
Bro... I really appreciated your work bro. This amazing.. Hope God bless you broo..
Brilliant tutorial! Thanks 🎉
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 🎉
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?
You are at it again. Love your work 👍
Thank you so much 😀
Bro you are a awesome man. and divine developer. keep going and make your audience wow full. 👍
So good and clear explanation✅! Thank you so much, sir, for all of your efforts 👍🤝
You are most welcome
I am thankful to you for this video and please also make other content videos on blockchain and web 3... thanks❣
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! Better than paid courses.
You’re just simply amazing. Thanks for everything you do. God bless your household
Thank you!
wow, thanks for another amazing video!
one of the best channels on youtube
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
As soon as I hear the "Hi there," I get pumped for another quality video.
I'm glad to hear that!:)
Masterful display of Javascript by JS Mastery
Thank you Sicario!
Thakyou soo much
Ive learned so much more from this vid
Thanks once again. You rock!
WEB3 Is future. I works with company building the NFT marketplace on Near blockchain..
Awesome, congrats!
This is amazing tutorial thank you
Bro your content is literary best and love to get more web3 projects
Not sure if you correct it later in the video, but I think the donations array should be outside of the campaing object.
Great!! Please make a part 2 of this where the refunding of amount will take place and is shown on the application.
Rất may mắn được là một pioneer , cảm ơn đội ngũ PCT
Best tutorial on internet till date ⚡🔥
Thank you!
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?
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?
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 love it Adrian! Thank you
My pleasure!
I was waiting for this video
This will my project for college
Perfect
thx in advance, decide to pull an all-nighter to finish this one
Best of luck!
Thank you so much for your video
The best cources ever! Thank you so much
Teleqram me 👆⬆️
Awsome content!!
When are we getting the part 2?😍
Damn , I just love you man , thanks for amazing content
Thank you! :)
Thanks for the knowledge
Thanks again to this project bro
Love you so much, very good video
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 ?
Is there a way to add a bit of a kickback to the marketplace to help fund further development?
thank u so much sir you are the best teacher web dev and blockchain
Thank you!
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
When I have more money that what I need, I will come back here and donate you. You deserve billions of followers!
you contract become returning Error: Contract explorer - read Get Campaigns - "missing revert data in call exception; Transaction reverted without a reason string", Please advice the reason..
Great as always 🤩
Thank you! Cheers!
Wow your the best ever helpful for us thank you man
Teleqram me 👆⬆️
This is best.. Thanks for sharing your knowledge.. Please create nft marketplace project ❤️
The best! Hugs from brazil!
Hugs to Brazil from Croatia :)
it's good to keep an eye on this web3. but it will not become mainstream, neither replace centralized apps. and that's good
It will work alongside centralized apps
@@javascriptmastery yeah, but we haven't heard anything big about web3 except this twitter alternative, and that because of twitter itself. and crypto currencies showed to be not what they claimed to be
Excited , will do it after exams
Awesome!
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 ?
Thanks for the video Adrian, one question I can’t figure out where the cards of other users come from ?
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 all your
Thanks for all your