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 KZbin 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: [e-mail]
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

[@javascriptmastery]

Want to land your dream programming job in 3 - 6 months? ⭐ JSM Masterclass Experience - jsmastery.pro/masterclass Become a Software Engineer. Guaranteed.

[@HowtoCode0]

Can you please create one NFT marketplace video. I want to know how the process works. Please 🥺

[@tawandajaure8740]

Im getting this error: contract call failure Error: Function "createCampaign" requires 6 arguments, but 0 were provided.

[@ICOReviewtoken]

Source hithub bro

[@Smurfis]

Is this your own course, I’m very curious?

[@javascriptmastery]

@@Smurfis yes

[@volumetwoooo]

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.

[@javascriptmastery]

Thank you soo much! :)

[@alifhasanshahOfficial]

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.

[@DougAllen]

@@javascriptmasteryf

[@anuragsidhu7863]

@@alifhasanshahOfficial true bro

[@tfl4963]

💯

[@jingli9232]

love the way everything started from scratch without any pre-build template

[@javascriptmastery]

Glad to hear that! :)

[@waqarrao3610]

I see your comments on almost every web3 realted videos on YT🙄🤗

[@exploit.6848]

OMGGG!!! DUDEEE NO WAY YOU ARE GIVING THESE CONTENTS FOR FREE! BRO YOU ARE THE BESTTTT

[@javascriptmastery]

Yesss

[@rachitsen]

Areee bhai sahi me...🤦 I am 😲 shocked.....

[@satviikk]

@@rachitsen Ha bro...Jai Shri Mahakaal

[@muneebaijaz9107]

@@javascriptmastery please tell is it good and have full detailed for final year project of Computer science

[@MrTrigz]

Bro i was just saying that out loud came to check in and seen this

[@iearlg]

Best practices for starters, and well explained topics, love the teaching styles and the contents!!. Well Done Adrian!! 💙

[@javascriptmastery]

Glad you like them!

[@codewithnadeem]

Seriously how this type of content is Free? Love your JSM. please upload more beginner-friendly blockchain projects. LOVE YOU 3000.

[@javascriptmastery]

Will do!

[@infoshorts1839]

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.....

[@FlintBits]

Lol nope

[@nocopyrightgameplaystockvi231]

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.

[@coinbite7260]

A brilliant tutorial Adrian. You sure know your stuff. Well done and keep up the great work.

[@siddharthpandey1397]

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 :)

[@jnc555]

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

[@andreypashinsky2335]

Wow, man. Great job, as always. I wanna dive right into web3 and am so so grateful for your content!

[@javascriptmastery]

You can do it!

[@semilogopaul]

From the project, can you actually donate to a campaign...does it have that functionality??

[@MrBetolugano]

You REALLY MAKE my day i've been try to study do to something simular from a long time... Ur amazing. God bless you!

[@phamwoaw]

i just watched a dozen of your videos all your way through. bravo im hooked.

[@richardmasters2045]

My favorite teacher, genius !

[@javascriptmastery]

You're the best!

[@Binarybotsltd]

Your projects are always beginner friendly.You are Great

[@javascriptmastery]

Thanks

[@spotlight1792]

Best of the Best … just finished my Degree, finally a good time to dig in.. ❤

[@mohitashliya8750]

Thanks as always Adrian for the smart contract one. Very detailed and presice video tutorial ever

[@RichReflectionz]

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.

[@shubhampatel_2704]

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

[@fayezkaabi5624]

@@shubhampatel_2704 xddddddddddddddddddddddddddddddddddddddddd wtf, stop begging

[@adelekeadekunle8365]

You are nothing but the best. Please 🙏 keep uploading videos like this

[@dadacrvc5978]

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.

[@javakodingdotcom]

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

[@javascriptmastery]

Keep it up

[@thechief4568]

now how old r u?

[@javakodingdotcom]

@@thechief4568 13 years old

[@jefestar]

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

[@prajwaldeshpande7984]

can see your efforts, hard work just completed this project! tysm

[@rockbelleh6237]

Wow....been waiting for dis for a long time.God bless u endlessly.ur projects are topnotched 🤗🤗🤗🤗🤗🤗

[@javascriptmastery]

My pleasure 😊

[@soumikmukherjee4797]

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!!!!

[@firmankhoirilrahmatullah4631]

Omg ... another best project sir 👏👏

[@javascriptmastery]

Thank you so much 😀

[@firmankhoirilrahmatullah4631]

Im so happy right now ^_^ ... because this is totally free course

[@P.Persuer]

We will always still be watching bro, you’re a legend 💪

[@manojkumarm9361]

Best channel for professional projects. Loved ur explanation.❤️

[@javascriptmastery]

Thank you so much 😀

[@JohnWeland]

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.

[@jimmycorae4214]

Keep these web 3 projects coming! I was looking to get started in web 3

[@javascriptmastery]

Will do!

[@christiandanielmoralesagui4659]

Excelent VIdeo Teacher ! Congrats for has the best Courses in all KZbin

[@Dsandles47]

As soon as I hear the "Hi there," I get pumped for another quality video.

[@javascriptmastery]

I'm glad to hear that!:)

[@jaidmonwarchowdhury7854]

Your courses are absolutely INSANEEE! Can we get a WEB 3.0 SUPPLY CHAIN DAPP for tracking the entire process?

[@javascriptmastery]

Great idea!

[@tochukwujohn277]

This kind of Tutorial for free? I wish I can do more than to say Thank you. This is indeed life changing. Thanks Adrian

[@user-qb8rx5eh8x]

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.

[@greenshaheen6716]

this channel looks cool but i hate this.

[@2.6hog28]

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

[@NierozillionFx]

A lot of things are deprecated now like the Mumbai network and all

[@melpacheco9288]

one of the best channels on youtube

[@eddy5945]

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

[@jpwelch923]

DUDE thank you!! was running into a lot of obstacles trying to use next

[@Abhiram_404]

Thank you so much

[@threathunter369]

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

[@cryptoeric24]

It is there for me but does not build all the packages and errors out

[@devanshsinghparmar]

JSM is always lit and making it everytime!, Well Done bro! always supporting.

[@javascriptmastery]

Appreciate it!

[@salvator3e906]

thank u mate💪 can you create a tutorial about how to control a dapp with database o somthing like database in the future ?

[@javascriptmastery]

Cool idea!

[@lonelymushroom9708]

i like to see that as well

[@shravanighadge5406]

Thankyou so much for this project. I coded it completely with you and I learned a lot. Thankyou so much for this amazing project!!

[@mandavasathvik6574]

it did not work for me

[@funcode-tw3cg]

@@mandavasathvik6574 was ur os windows /?? i doubt it will not work for me too

[@Grux]

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 )

[@krishna.r.p8488]

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

[@user-ks1tm7ru1l]

I am facing the same issue

[@raulhernandez4309]

same here

[@yogeshraut2071]

Did you find solution for this ?

[@kartik6968]

@@yogeshraut2071 have you set up a thirdweb client id? If not, you won't be able to access any of the thirdweb features

[@brijeshadeshara6157]

contract interaction notification is not popped up after clicking on "submit new campaign" now what should i do??

[@kalashjha7997]

Same issue brother,did you get it resolved?

[@user-ik2tr4wq4q]

@@kalashjha7997 NO? is your error resolved?

[@bibashtandon6516]

Any solution for this error?

[@thithanham655]

Rất may mắn được là một pioneer , cảm ơn đội ngũ PCT

[@baddilikamusic8807]

You’re just simply amazing. Thanks for everything you do. God bless your household

[@javascriptmastery]

Thank you!

[@tinchomon]

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?

[@komodoutd]

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.

[@Java_mastery1_teleqram_me289.]

👆 questions can come in.

[@laifizeyneb5595]

I did not find the part about returning funds to donors' addresses in case of an expired deadline. Can you explain this further?

[@KetanKandola]

When doing the create campaign function did you ever come across an error about receiving metadata from thirdweb?

[@josephesparago5396]

@@KetanKandola I encountered the same error. Have you resolve it yet?

[@amitp05]

You are at it again. Love your work 👍

[@javascriptmastery]

Thank you so much 😀

[@arVisuals5]

This is gem. This channel is literally the main reason I stay long on KZbin. I'm hoping to take your premium courses soon

[@dendrite44]

Did you complete the app?

[@indeficient]

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!

[@exciteddelirium3590]

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

[@ridge_n]

This worked. Thanks. I was wondering why my icons weren't showing up.

[@sicario55]

Masterful display of Javascript by JS Mastery

[@javascriptmastery]

Thank you Sicario!

[@ajaysihota2299]

Amazing content! Better than paid courses.

[@Shubham-Lal]

At <a href="#" class="seekto" data-time="129">2:09</a>: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!

[@siddheshpandey6382]

Error: Could not resolve metadata for contract at 0x3eBEDD08D5c789aDCaB093DfbAAdbE99a8457cae at fetchContractMetadataFromAddress do you know how to solve this ? create campaign is not working

[@Shubham-Lal]

​@@siddheshpandey6382 I fixed it by again deploying the Smart Contract to thirdweb and replacing the old address with the new one.

[@Shubham-Lal]

@@siddheshpandey6382 You're welcome 🤗

[@papa-fy3pv]

thanks bro needed that. :)

[@Shubham-Lal]

@@papa-fy3pv Wow, I am happy for you 🎉

[@balti3804]

Bro... I really appreciated your work bro. This amazing.. Hope God bless you broo..

[@AaronHulse1956]

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.

[@chrisbrody2329]

wow, thanks for another amazing video!

[@deshraj2459]

Bro you are a awesome man. and divine developer. keep going and make your audience wow full. 👍

[@ankushkhairnar7582]

I was waiting for this video This will my project for college

[@javascriptmastery]

Perfect

[@satsafe7456]

Brilliant tutorial! Thanks 🎉

[@Hacking-NASSA-with-HTML]

So good and clear explanation✅! Thank you so much, sir, for all of your efforts 👍🤝

[@javascriptmastery]

You are most welcome

[@sajjadshaikh8515]

Best tutorial on internet till date ⚡🔥

[@javascriptmastery]

Thank you!

[@nanonkay5669]

NOTE: For (u)int256 numbers, you can just use (u)int without the number, it defaults to 256 bits

[@adonis8130]

Thakyou soo much Ive learned so much more from this vid

[@miteshrathod3616]

I made METVERSUS from your previous video and now I excited for doing this new project ❤.

[@javascriptmastery]

Hope you enjoy it!

[@miteshrathod3616]

@@javascriptmastery Not only enjoyed but also learn many new things thanks for that.

[@zain_x_alpha]

I am thankful to you for this video and please also make other content videos on blockchain and web 3... thanks❣

[@mycreations45]

thank u so much sir you are the best teacher web dev and blockchain

[@javascriptmastery]

Thank you!

[@prettyboylatino7324]

I love it Adrian! Thank you

[@javascriptmastery]

My pleasure!

[@localbijak]

I just finished this project, thank you for all of your explanation😉

[@codingmo314]

Have you faced any errors while making it? If so how did you solved it. Would be helpful if you reply . Thanks :)

[@SGauravDhyani]

Please let me know if your code is working

[@idkwhat337]

Bro your content is literary best and love to get more web3 projects

[@abdulganiparekh6947]

Love you so much, very good video

[@jingli9232]

thx in advance, decide to pull an all-nighter to finish this one

[@javascriptmastery]

Best of luck!

[@ChimezieChuta]

Thanks once again. You rock!

[@nicolaslimonoff9520]

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

[@valeriyshashkov8289]

The best cources ever! Thank you so much

[@javasmastery__my_Teleqram_id]

Teleqram me 👆⬆️

[@banasthalividyapithevents]

Damn , I just love you man , thanks for amazing content

[@javascriptmastery]

Thank you! :)

[@sonamuhialdeen7866]

This is amazing tutorial thank you

[@bhaskarkakde9536]

Great!! Please make a part 2 of this where the refunding of amount will take place and is shown on the application.

[@devkumar9889]

Excited , will do it after exams

[@javascriptmastery]

Awesome!

[@didyouknow30]

Awsome content!! When are we getting the part 2?😍

[@dragonkloop6731]

Thanks again to this project bro

[@mfonisoakparawa9053]

Thank you so much for your video

[@mdmarufbd360]

This is best.. Thanks for sharing your knowledge.. Please create nft marketplace project ❤️

[@warengonzaga]

Waren here with thirdweb, amazing content!

[@likwaichan6208]

thirdweb is so much useful

[@bluehydrogen]

Thanks for the knowledge

[@disconnect5601]

Is there a way to add a bit of a kickback to the marketplace to help fund further development?

[@LeonGamingZone]

The best! Hugs from brazil!

[@javascriptmastery]

Hugs to Brazil from Croatia :)

[@GIOVANNYGARCIAHOLGUIN]

your videos are special, you're special

[@javascriptmastery]

Thank you!!

[@mohammadfarhadi9407]

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?

[@onlycode3044]

Wow your the best ever helpful for us thank you man

[@javasmastery__my_Teleqram_id]

Teleqram me 👆⬆️

[@mann_36]

Please 🙏 keep uploading videos like this

[@Nibezak]

I love thisss and I haven't even watched it yet

[@javascriptmastery]

Thanks!

[@thithanham655]

Thank you verry good

[@thithanham655]

Camr ơn đội ngũ PCT ❤️

[@rafaellopezmunoz6812]

When I have more money that what I need, I will come back here and donate you. You deserve billions of followers!

[@AleksandrLubovsky]

Thanks for the video Adrian, one question I can’t figure out where the cards of other users come from ?

[@kingpagal7062]

Thanks Man! Big Time!!

[@javascriptmastery]

Any time!

[@codethuimiban]

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?

[@KeskilChnProgram]

Great as always 🤩

[@javascriptmastery]

Thank you! Cheers!

[@shecalledthefeds]

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

[@javascriptmastery]

Thank you! Will do!

[@thithanham655]

Thank you all your

[@echongkan01]

Not sure if you correct it later in the video, but I think the donations array should be outside of the campaing object.