Build and Deploy a Modern Web 3.0 Blockchain App | Solidity, Smart Contracts, Crypto

곡유
μ†ŒμŠ€ μ½”λ“œ
  • κ²Œμ‹œμΌ 2024. 03. 27.
  • Web 3.0 has the potential to change the internet as we know it, forever. You're still early in catching the trend right now and building your first blockchain cryptocurrency app.
    πŸ’»JS Mastery Pro - jsmastery.pro?discount=youtube
    βœ… A special KRplus discount code is automatically applied!
    The long-awaited NFT Marketplace course is finally out! Check it out and become a professional Web3 developer - www.jsmastery.pro/ultimate-we... πŸ”₯
    With a stunning design, connected to the blockchain, metamask pairing, interaction with smart contracts, sending Ethereum through the blockchain network, writing solidity code, and much more, Krypt is the best #Web3 #Blockchain app that you can currently find on KRplus and the entire internet.
    ⭐Hostinger - www.hostinger.com/javascriptm...
    Use the code JAVASCRIPTMASTERY to save up to 91% on all yearly hosting plans.
    πŸ“š Materials/References:
    GitHub Code (give it a star ⭐) - github.com/adrianhajdin/proje...
    Styles & Code - gist.github.com/adrianhajdin/...
    Images - minhaskamal.github.io/DownGit...
    Tailwind Setup - tailwindcss.com/docs/guides/c...
    Tailwind Docs - tailwindcss.com/docs
    Ropsten Faucet has been deprecated. You can use Goerli.
    Etherscan - ropsten.etherscan.io
    Alchemy - alchemy.com
    πŸ–₯️ Project created in collaboration with Enyel Sequeira:
    Portfolio - www.enyelsequeira.com
    E-mail - enyelsequeira1994@gmail.com
    Want me to cover the project you've created? Send me an e-mail πŸ‘Œ
    In this video, you'll learn:
    - How to connect a regular React.js application to the blockchain and pair it to your Ethereum wallet using MetaMask
    - You'll also learn how to write Smart Contracts on the Ethereum network using the #Solidity programming language
    - Essentially, in this single video, you'll learn how to create a full-fledged Web 3.0 application that allows users to send transactions through the blockchain
    πŸ“§ Join our exclusive JavaScript Mastery Newsletter on Web Development, JavaScript & React to get exclusive programming guides, tips & tricks, and entire e-books: resource.jsmastery.pro/newsle... πŸ”₯
    πŸ’» Discord - / discord
    πŸ’» Master JavaScript: www.completepathtojavascriptm...
    Use the special promo code "KRplus" on checkout to save $60!
    ❀️ Support JavaScript Mastery & Suggest Future Videos:
    BuyMeACoffe: www.buymeacoffee.com/JSMastery
    Patreon: / javascriptmastery
    🌎 Find Me Here:
    Discord Group: / discord
    Instagram: / javascriptmastery
    Twitter: / jsmasterypro
    πŸ’Ό Business Inquiries:
    E-mail: contact@jsmastery.pro
    Time Stamps πŸ‘‡
    00:00:00 Intro
    00:17:04 Setup
    00:23:11 Navbar
    00:39:08 Welcome Section
    01:03:48 Blockchain
    02:10:51 Services Section
    02:21:53 Transactions
    03:07:20 Deployment

λŒ“κΈ€ • 2.1K

  • @javascriptmastery
    @javascriptmastery  λ…„ μ „ +80

    The long-awaited NFT Marketplace course is finally out! Check it out and become a professional Web3 developer - www.jsmastery.pro/ultimate-web3-course πŸ”₯

    • @Aykutdogan1988
      @Aykutdogan1988 λ…„ μ „ +4

      hi man i appreciatie your work. Can you please explaine how to fix it with an other network then Ropsten, because it is deprecated. Please help anyone.

    • @vibhumishra74
      @vibhumishra74 λ…„ μ „ +1

      @@Aykutdogan1988 did you find any solution

    • @gabriel-mk7jk
      @gabriel-mk7jk λ…„ μ „

      Hey would you be able to explain that last a bit more? I updated the network object to point to the URL under HTTP after clicking 'view key' is this correct? When running the key I am also presuming you change --network to rinkeby? Thanks :)

    • @gabriel-mk7jk
      @gabriel-mk7jk λ…„ μ „ +3

      @@haydenrandolph9630 Problem solved last answer is all correct anyone else who's looking

    • @haydenrandolph9630
      @haydenrandolph9630 λ…„ μ „

      @@gabriel-mk7jk thats correct, the only caveat after updating to rinkbey is making sure the hardhat.config is updated and that the "networks" object targets rinkbey as well

  • @ajitesh764
    @ajitesh764 2 λ…„ μ „ +674

    People like u r inspiration, who put such high quality content for free...while others prefer to earn money. I am not saying those who charge money are morally wrong.....but dude it takes a big heart to give away this kind of content for free. This shows how passionate u r about your profession. I hope universe blesses u with the number of subscriber u truly deserve this year. Happy New Year 2022.

    • @adhargupta3441
      @adhargupta3441 2 λ…„ μ „ +4

      Hell true bhai❀️🌝

    • @nandantyagi
      @nandantyagi 2 λ…„ μ „ +2

      I second that!

    • @simulateworld3198
      @simulateworld3198 2 λ…„ μ „ +2

      He is earning money from youtube

    • @javascriptmastery
      @javascriptmastery  2 λ…„ μ „ +112

      You still get the content for free, right?

    • @simulateworld3198
      @simulateworld3198 2 λ…„ μ „ +8

      @@javascriptmastery yes i appreciate your work and useful contents ❀️.
      The world needs people like you bro keep it up

  • @lootlydeals
    @lootlydeals 2 λ…„ μ „ +155

    He is creating history... Other developers just create design which are useful for only 10% audience.. But He create actual projects... He is insane...
    Lots of love from India

  • @christophermungiria2876
    @christophermungiria2876 8 κ°œμ›” μ „ +1

    I think this is the only channel that I’ve seen with such tutorials, from ReactJS to 3D tutorials. Much love from Kenya πŸ‡°πŸ‡ͺ

  • @adnanhussain1460
    @adnanhussain1460 2 λ…„ μ „ +5

    salute to you man! this whole course people are selling for much amount but here is JS Mastery providing this for free ... hats off

  • @rahul.sarkar
    @rahul.sarkar 2 λ…„ μ „ +211

    JSM is like a magic, you just think about something & he comes up with a fabulous tutorial within days.
    Can't express how good your tutorials are πŸ’™

    • @javascriptmastery
      @javascriptmastery  2 λ…„ μ „ +18

      Thank you! Means a lot! 😊

    • @johnnytherevelator2579
      @johnnytherevelator2579 2 λ…„ μ „ +1

      @@javascriptmastery the npm part in the beginning did not work

    • @runatrix
      @runatrix 2 λ…„ μ „ +2

      @@johnnytherevelator2579 I fixed a couple issues by researching, if you are learning to code, researching and fixing your issues is going to be needed. Sometimes stuff gets updated and new syntax is needed.

  • @Leon-Li
    @Leon-Li λ…„ μ „ +2

    i am starting my first web3.0 project now, and I am aiming to land a job in web3 at the end of the year.
    -- 10/4/2022 - project init
    -- 14/4/2022 - followed step by step
    -- 19/4/2022 - skipped styling and layout, improved code structure - 50:00
    -- 21/4/2022 - yes! finally solidity contract. I think a better way to follow this video is to read the source code first then watch it - 1:03:46
    mark: 1:13:15

  • @azizbek37412
    @azizbek37412 λ…„ μ „

    Best learning channel that I found in youtube. Special thanks to the author for best explanation step by step. πŸ‘πŸ‘πŸ‘

  • @synt-x6458
    @synt-x6458 2 λ…„ μ „ +56

    Thank you Adrian ❀️. You just gave us the confidence and reason to look forward to an awesome 2022. Let's go!!

  • @UpdaterMC
    @UpdaterMC 2 λ…„ μ „ +26

    Even I'm just a beginner this buddy makes the way to do it so easy. This is literally the best web tutorial channel on yt. Thanks so much budd

    • @javascriptmastery
      @javascriptmastery  2 λ…„ μ „ +3

      Thank you so much!

    • @balibhadrasingh6730
      @balibhadrasingh6730 λ…„ μ „

      Hey I want to add this in my resume but
      In my mock interview, interviewer asked me, why you made this project?
      What problem did you solved?
      What was motivation behind that?
      Can you please answer these questions it will help me in my interview

  • @ashishgupta8535
    @ashishgupta8535 2 λ…„ μ „

    The whole 3 hours I was just mesmerizing that how could he do that without google search. I've to search google after writing each line. Just next level

  • @BeeBee-fd7ls
    @BeeBee-fd7ls 8 κ°œμ›” μ „ +1

    Best platform for advanced technologies, web designs, thank you so much.

  • @Elysium001
    @Elysium001 2 λ…„ μ „ +20

    I’ll second everyone else’s positive feedback, I enjoyed your incredibly-clear tutorial very much! Admittedly was only looking for the β€œ3.0” part of this tutorial but then allowed the full video to play as it was all very concise and thorough. Good work!

    • @balibhadrasingh6730
      @balibhadrasingh6730 λ…„ μ „

      Hey I want to add this in my resume but
      In my mock interview, interviewer asked me, why you made this project?
      What problem did you solved?
      What was motivation behind that?
      Can you please answer these questions it will help me in my interview

  • @javascriptmastery
    @javascriptmastery  2 λ…„ μ „ +45

    πŸ“™FREE Ultimate WEB 3.0 Roadmap: resource.jsmasterypro.com/web3.0-roadmap

    • @ozodbekxomidbekov8320
      @ozodbekxomidbekov8320 2 λ…„ μ „ +8

      It reached 20 000 likes. Looking for your second Web 3.0 video

    • @cyrusthapa794
      @cyrusthapa794 2 λ…„ μ „ +4

      Yes please it has reach 20k likes !!!

    • @cmc2110
      @cmc2110 2 λ…„ μ „

      24k likes now

    • @cacktii_
      @cacktii_ 2 λ…„ μ „ +1

      how do I attach links to the navbar items

  • @anonymouseverx
    @anonymouseverx 2 λ…„ μ „ +8

    Sometimes I think the words can't describe the value of your works and the amount of knowledge you provide for us. Thank you so much for everything, Adrian.

  • @Url_jay
    @Url_jay λ…„ μ „

    Im mind blown....Iv been researching how to start exactly what you just presented, im a big Fan of WEb3 and block chain and u have just showed me the big picture on how all these connect with each other, like the whole big Picture.....thank you sooo much...you are very dope.

  • @srikartopella5460
    @srikartopella5460 2 λ…„ μ „

    By the word "Beginner Friendly" He really meant it! I can't thank you enough for this tutorial Brother.

  • @andrejkling3886
    @andrejkling3886 2 λ…„ μ „ +4

    Definitely you are The First... Gratitude for teaching us

  • @kalpeshmali1476
    @kalpeshmali1476 2 λ…„ μ „ +5

    Adrian you are a Legendary javascript Developer πŸ”₯πŸ”₯πŸ”₯πŸ”₯πŸ”₯πŸ”₯πŸ”₯πŸ”₯πŸ”₯πŸ”₯

  • @isahbala2540
    @isahbala2540 10 κ°œμ›” μ „ +1

    I know deeply from my heart that this the best video ever on this topic πŸ‘Œ

  • @MilesArray
    @MilesArray 2 κ°œμ›” μ „

    Fantastic tutorial! It really demystifies Solidity, smart contracts, and the whole app-building process in the blockchain world.
    As someone interested in Web 3.0, it's great to see how tools like SubQuery can fit into this, making data handling a breeze. This video is a must-watch for anyone stepping into blockchain development. Great job breaking down complex concepts into understandable steps! πŸ‘

  • @aaryan3461
    @aaryan3461 2 λ…„ μ „ +4

    Thank you SOOOOOOOOOOOOOOOO much man! I REALLLLLY wanted a video like this. May god bless you man. Happy holidays and i wish you a very happy new year

  • @johannesmogashoa1320
    @johannesmogashoa1320 2 λ…„ μ „ +10

    Now this is what I call next level Web 3.0 stuff. Amazing stuff. Thank you so much. Can't wait to see what you release next.

    • @javascriptmastery
      @javascriptmastery  2 λ…„ μ „ +3

      Thank you so much!

    • @balibhadrasingh6730
      @balibhadrasingh6730 λ…„ μ „

      Hey I want to add this in my resume but
      In my mock interview, interviewer asked me, why you made this project?
      What problem did you solved?
      What was motivation behind that?
      Can you please answer these questions it will help me in my interview

  • @robmasters3569
    @robmasters3569 λ…„ μ „

    noticed you're holding Alt and then clicking each thing you want to change. There's a quicker way..... single click inside the first part you want to change then on Mac hold down Cmd + Shift and then hit the D key for each repetition of the bit you want to select including the one you clicked inside. On Windows it's the same but instead of Cmd you simple use Ctrl instead.

  • @-car_guy-
    @-car_guy- 7 κ°œμ›” μ „

    you know its gonna be a mind blowing project when he says I haven't been this excited for a project in a long time

  • @muhammadmuneebwaseem504
    @muhammadmuneebwaseem504 2 λ…„ μ „ +32

    Love the tutorial Man!! It is what we wanted. And I am very much glad that you are now showing coding and website which you are building side by side. Thank you once again!!!

    • @javascriptmastery
      @javascriptmastery  2 λ…„ μ „ +5

      Yess! Thank you!

    • @LAVolAndy
      @LAVolAndy 2 λ…„ μ „ +2

      Agree. I am looking forward to writing this app.

    • @balibhadrasingh6730
      @balibhadrasingh6730 λ…„ μ „

      Hey I want to add this in my resume but
      In my mock interview, interviewer asked me, why you made this project?
      What problem did you solved?
      What was motivation behind that?
      Can you please answer these questions it will help me in my interview

  • @ajaykmr8684
    @ajaykmr8684 2 λ…„ μ „ +8

    Oh godddd, this is what I wanted. Love you JM 😍

  • @theophilusaika939
    @theophilusaika939 λ…„ μ „ +1

    I have paid $249 for this kind of content, and it wasn't even close. Thanks in Zettabytes!

    • @javascriptmastery
      @javascriptmastery  λ…„ μ „ +2

      I'm glad to hear that you found immense value in it! Imagine how much value will be offered in my upcoming course! 😊

  • @malithsenanayakentgl-1052
    @malithsenanayakentgl-1052 2 λ…„ μ „ +1

    This is the greatest video I have seen explaining a broad subject in a way everybody can understand. Thanks for the video...I followed all the steps until the very end...

  • @joshuaokechukwu5010
    @joshuaokechukwu5010 2 λ…„ μ „ +23

    Literally been waiting for a web3 tutorial from you... This is next level!.. Thank you. More web3 projects please

    • @javascriptmastery
      @javascriptmastery  2 λ…„ μ „ +5

      Thank you! πŸ”₯

    • @balibhadrasingh6730
      @balibhadrasingh6730 λ…„ μ „

      Hey I want to add this in my resume but
      In my mock interview, interviewer asked me, why you made this project?
      What problem did you solved?
      What was motivation behind that?
      Can you please answer these questions it will help me in my interview

  • @_ifly
    @_ifly 2 λ…„ μ „ +1

    Great Great Great Thank you. we need more like this. this is what we are starving for.

  • @Game.planet03
    @Game.planet03 2 λ…„ μ „ +2

    HELP !!! im getting this error while installing Ethereum dependencies. @1:04:05
    npm ERR! Unexpected end of JSON input while parsing near '...979cf1","tarball":"ht'

  • @letswalk4168
    @letswalk4168 2 λ…„ μ „ +11

    Man seriously you can't believe but day before yesterday I planned to learn about this and today you're present with this . Thank you sooooo much JSM.πŸ’“πŸ’“

  • @lucasacuna277
    @lucasacuna277 2 λ…„ μ „ +4

    Thank you a lot Adrian! I've been waiting for this! This is my favorite educational channel in youtube. You're an excelent teacher.

  • @austinwilson5332
    @austinwilson5332 λ…„ μ „ +3

    I'm having a lot of trouble with the front-end, all the components are stacked on top of eachother when they render on the browser. Most of the text is black and is hard to see with the dark purple background, in general nothing looks as it is supposed to. I installed all the latest packages, not sure if the original css code on the video and GitHub rep doesn't work well with the current version of tailwind... would love some help

  • @sahranmohammed2700
    @sahranmohammed2700 2 λ…„ μ „

    Valuable content. First step of making education free.

  • @Malik-zo4ih
    @Malik-zo4ih 2 λ…„ μ „ +20

    You always blow my mind everytime with your mind-blowing tutorials, Keep up the good work Man!

  • @naziruadam3950
    @naziruadam3950 λ…„ μ „ +3

    I kept telling myself why I didn't find your channel earlier. The good news is I found you now and already subscribe! As this journey is gonna be fun and life chaning! Thanks for inspiring us!

  • @tallerdenyooh
    @tallerdenyooh 2 λ…„ μ „

    by far the best tutorial. this is the only one i've found that correctly handles connecting to a wallet with page refresh. haven't found any other tutorial that goes over that implementation detail. thanks!

    • @javascriptmastery
      @javascriptmastery  2 λ…„ μ „

      Hey Brian, I'm so glad to hear that! If you like this one, you'll LOVE what I'm preparing right now. Stay tuned! πŸ’―

  • @cryptominero8820
    @cryptominero8820 λ…„ μ „

    I am enjoying the course very much, and I have been able to solve all the problems that have arisen so far, thank you very much for the course.

  • @onyeukwuhycient438
    @onyeukwuhycient438 2 λ…„ μ „ +3

    Thanks Mr. Adrian.. You'll always be my go to for quality pro level JavaScript courses.. You're simply the best!

  • @mauritzerick271
    @mauritzerick271 2 λ…„ μ „ +10

    thanks Adrian, completed this tutorial without any issues at all.
    really great explanation in every aspects.
    12K likes in just about a week. I hope you're ready for the second blockchain tutorial soon πŸ˜„
    just a small typo for reloading the page at 03:06:47 , it is supposed to be location.reload instead of window.reload

    • @manojnavinjamuri5867
      @manojnavinjamuri5867 λ…„ μ „

      Do we need to know React for building this?

    • @nadiakhan3205
      @nadiakhan3205 λ…„ μ „ +1

      @@manojnavinjamuri5867 Unfortunatly so, however I am sure you can get away with a bit of knowledge with JavaScript

  • @networkgeek1450
    @networkgeek1450 2 λ…„ μ „

    Extremely well done youtube education. Love you JSM

  • @hassanad94
    @hassanad94 2 λ…„ μ „

    Finally, I have been searching for a good tuto for month but most of them are imposibble to recreate... THANK YOU SO MUCH :DD FINIALLY!!

  • @MegaDonaldification
    @MegaDonaldification 2 λ…„ μ „ +5

    Your teaching style is the best vest for someone new - like you said, learner friendly. The way you started this lecture got me going where I thought that if you made a lego part explanation before coding - like a two part where the first is the project to delve into and the second being what you did for everyone especially I in this video.
    Yet, I am very grateful you for your upload. Thank you very much. Have a wonderful day and a supernatural avalanche of blessings including deep insights, improved health routine including morning daily walking, and great overall communication with humans and every creature alive.

  • @karenashley8113
    @karenashley8113 λ…„ μ „ +10

    Choosing to invest in Btcoin is the best
    decision anyone can make with the
    right approach. it works.

    • @debrarachel4585
      @debrarachel4585 λ…„ μ „

      Yes...its totally true, you should contct
      a professional broker like Mrs Stacy Griffin
      she is the best broker. I was
      sceptical about her at first but after I
      got paid, I always invest over and over
      again because she understands the
      trading market very well

    • @ericfrank3378
      @ericfrank3378 λ…„ μ „

      Many people are afraid to invest
      because of the scammers in the
      business

    • @humwapwashadrach748
      @humwapwashadrach748 λ…„ μ „

      Farley Yes they are scammers in the business just like it's in every other business but they are also legit brokers out there too

    • @shirleycarolyn5597
      @shirleycarolyn5597 λ…„ μ „

      Mrs Stacy Griffin is sincere. trustworthy
      and legit. she's a professional broker
      and account manager who is good at
      what she does.

    • @patrickraymond7821
      @patrickraymond7821 λ…„ μ „

      Always recommend Mrs Stacy Griffin to
      everyone who needs the service of a
      professional account manager to
      manage their Bitcoin investment
      because she has really helped me
      recover all the money I have lost to
      Scammers and also earned me so
      much additional profit since I started
      investing with her

  • @frontier6154
    @frontier6154 9 κ°œμ›” μ „

    1:30:00 adress wallet
    1:45:00 metamask connect
    2:28:00 shorten adress

  • @samueldonsmog6006
    @samueldonsmog6006 2 λ…„ μ „ +2

    KRplus auto played this video on my TV. I'm glued and intrigued. This content is too solid to be free. Thank you so much 😒

  • @ishitamittal5237
    @ishitamittal5237 2 λ…„ μ „ +16

    Omg I am speechless.I can't thank you enough for everything u do for us.I was looking for the same kinda project and u uploaded it. you are such a legend ❀️😊

  • @pfxstar
    @pfxstar 2 λ…„ μ „

    Thank you, man! This tutorial is awesome! You deserve 10M subscribers!

  • @emmanuelcruz7609
    @emmanuelcruz7609 λ…„ μ „

    Quick note to users following this amazing tutorial. The hostinger website will sell TF out of your data, so expect heavy spam calls, texts, and emails from web developing companies. I would recommend not giving them that information.

  • @Ts-yy2jn
    @Ts-yy2jn 2 λ…„ μ „ +8

    This guy is a LEGEND.
    Thank you so much πŸ™πŸ»β€οΈ

  • @emaneezechiel4164
    @emaneezechiel4164 2 λ…„ μ „ +3

    Bro! That's genius, you got a new subscriber.

  • @annazbagasrivaldi2825
    @annazbagasrivaldi2825 λ…„ μ „

    The tutorial was useful to me for using the bot. Thank you very much everything is told in an accessible and understandable way. The tutorial was useful

  • @hv6411
    @hv6411 2 λ…„ μ „

    Wow, Wow, Wow - so AWESOME 🀩🀩🀩 Thank you so much. You are simply a fantastic teacher!

  • @prsmahajan
    @prsmahajan 2 λ…„ μ „ +11

    Adrian is the best as always known for his projects :)

  • @ShravanKumar147
    @ShravanKumar147 2 λ…„ μ „ +12

    This is phenomenal, I am feeling really amazing to be part of this wonderful journey, I am a Data Scientist, doing most of the stuff on consumed data from such apps, but building one is quite an experience, thanks for introducing vite and tailwindcss, what a way to start for a beginner, Thank you so much. keep doing the great work, appreciate it a lot.

    • @javascriptmastery
      @javascriptmastery  2 λ…„ μ „ +3

      Thank you!

    • @Web3Ninjas
      @Web3Ninjas 7 κ°œμ›” μ „

      hii bro is i am learning blockchain but there is lot of hipe of data science should i go with my interest or follow data science

  • @samirvaliyev
    @samirvaliyev 2 λ…„ μ „

    Thank you for this web 3.0 application. The video reached 33 likes and we are waiting for next web 3.0 application

  • @aengtech
    @aengtech 2 λ…„ μ „

    30k likes. Man I love you. I always recommend friends to your channel. Ypu gave me my programming gift. Thanks always. πŸ’—πŸ₯Ί

  • @gurbaniavenue
    @gurbaniavenue 2 λ…„ μ „ +5

    I really like watching your videos. They're too easy to understand and not too long also. Keep on doing this.
    Moreover, as you said, waiting for your second video on web 3.0 as you crossed your ten thousand views :)πŸ™‚

  • @0xchad11
    @0xchad11 2 λ…„ μ „ +7

    good video, thank you. In case anyone else was having issues, I found it important to strictly use double quotes instead of single quotes. Was having UI issues until switched over to all double quotes.

  • @hyarbi
    @hyarbi 2 λ…„ μ „

    I paid 500USD per a course boot camp crypto and is horrible, and you have a better content, best explained and free, I feel so blue :')

  • @danielkibby6601
    @danielkibby6601 λ…„ μ „ +1

    I just found your videos today. These are some of the best I’ve seen. You’ve answered a lot of questions I had about deployment when using react. Thank you.

  • @fMeyer8
    @fMeyer8 2 λ…„ μ „ +3

    Wow! Thank you soo much!! Your content is unbelievable!

  • @user-jf2ek3jk2z
    @user-jf2ek3jk2z 2 λ…„ μ „ +8

    Amazing content. I went from total beginner to launching my first project in a matter of days thanks to this tutorial. Please keep doing new tutorials and maybe do one on how to add more functionality to your project like staking

    • @javascriptmastery
      @javascriptmastery  2 λ…„ μ „ +4

      Great idea, thank you!

    • @chanvithapraveen1983
      @chanvithapraveen1983 2 λ…„ μ „

      @@javascriptmastery can we do this project with free hosting service, please be enough kind to reply! Thanks

    • @SimonWCoding
      @SimonWCoding λ…„ μ „

      What was your project? - Going well? :)

    • @balibhadrasingh6730
      @balibhadrasingh6730 λ…„ μ „

      Hey I want to add this in my resume but
      In my mock interview, interviewer asked me, why you made this project?
      What problem did you solved?
      What was motivation behind that?
      Can you please answer these questions it will help me in my interview

  • @Alex-bc3xe
    @Alex-bc3xe 2 λ…„ μ „

    Some people are born for greatness no doubt about it.

  • @theanvils2
    @theanvils2 λ…„ μ „

    Your channel is amazing. You make the best, most easy to follow tutorials

  • @user-re3ii5lb1q
    @user-re3ii5lb1q 9 κ°œμ›” μ „ +3

    Hi, I kind of have an issue while running the command "npm init vite@latest" and after selecting react as the framework and react is not shown in the list of variant. what's showing other than react is "TypeScript + SWC, JavaScript and JavaScript + SWC". So, what should I choose other than react or have I done any previous steps wrong or am I missing something? I'm just trying to learn this by doing it step by step as instructed.
    Thank You.

    • @akaxhh
      @akaxhh 2 κ°œμ›” μ „

      just js is enough

  • @luketechco
    @luketechco λ…„ μ „

    Never wanted to give someone money so badly. Thanks for this

  • @user-gj7kq6in2c
    @user-gj7kq6in2c 6 κ°œμ›” μ „

    Thanks for such a wonderful tutorial. Really appreciated. And lots of love from Bangladesh.

  • @lexciobotariu
    @lexciobotariu 2 λ…„ μ „ +58

    First of all, thank you for taking the time to make this tutorial and the other ones too. Really well explained and detailed. But as a suggestion for the future, is really hard to follow when you can't see the whole line of code, I have to go back and forward in your video just to make sure I haven't missed something, maybe next time use 'Word Wrap' or don't split the screen with the browser. Thank you again.

    • @MasterofLightning
      @MasterofLightning 2 λ…„ μ „ +7

      Always word wrap when writing for others. Alt + z I believe?

    • @hachikoi-san3901
      @hachikoi-san3901 λ…„ μ „ +1

      @@MasterofLightning can be also changed in settings as default behaivour

  • @guillem5863
    @guillem5863 2 λ…„ μ „ +3

    It's crazy how good your videos are, keep up the good work πŸ”₯

  • @suprabhatsahoo2782
    @suprabhatsahoo2782 λ…„ μ „ +3

    Finally I completed it for my final semester projectπŸ₯°πŸ₯°πŸ₯° My supportive teacher is very happy for giving him such unique types of projectπŸ₯°πŸ₯°. Thank you JSM. πŸ₯ΊπŸ˜

    • @sandrass8782
      @sandrass8782 λ…„ μ „

      hey could you please tell me do I need to have any sort of money in my wallet inorder to complete this project?

    • @suprabhatsahoo2782
      @suprabhatsahoo2782 λ…„ μ „

      @@sandrass8782 no all are fake/test money, that's are not real money just like game coins. It calls testnet faucet

    • @sandrass8782
      @sandrass8782 λ…„ μ „

      @@suprabhatsahoo2782 cool thanks 🀩

  • @web3satoshi
    @web3satoshi 2 λ…„ μ „ +1

    Uncaught Error: NavbarItem(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null.

  • @nejan_s
    @nejan_s 2 λ…„ μ „ +5

    Sir, Please do another web3.0 project! Your projects are very clear and easy to understand. 😍

  • @thienhuynh7962
    @thienhuynh7962 2 λ…„ μ „ +11

    Thank you for the video. Your videos has always been a great help since I started learning to code. But for better educational content, I suggest you include some DIYs in your clips in order for us to learn more and learn how to solve problems ourselves instead of just coding along. I know it's gonna take more time and effort for you to make videos like these but I think many of us wouldn't bother waiting for you to take some more time to make videos if it's needed, so hopefully you will take this recommendation into consideration.

  • @MagnaGamerFull
    @MagnaGamerFull 2 λ…„ μ „

    This is the best video thar youtube have recomended to me! Ty for this tutorial! Love ur channel

  • @RIDA4321-ek7nz
    @RIDA4321-ek7nz 6 κ°œμ›” μ „ +1

    I have face a problem for building this project . Why I doesn't see any react option in the select variant option in the terminal .
    And second why I'm facing the error of eslint in the navbar.jsx file during adding logo and listItems. Plz answer the solution.

  • @Tarun.Rathore
    @Tarun.Rathore 2 λ…„ μ „ +6

    Awesome video brother πŸ˜ŽπŸ‘πŸ»πŸ”₯πŸ”₯

  • @diwakar_tsn
    @diwakar_tsn 2 λ…„ μ „ +3

    Thank you so much for preparing video in web3 β€οΈπŸ’–πŸ‡³πŸ‡΅πŸ‡³πŸ‡΅

  • @ApataHitz
    @ApataHitz λ…„ μ „

    I have to come back, and this time I need to tell you this isn't for learners!
    Good quality videos, opens my eyes to learning more.

  • @user-ov1ps7go4m
    @user-ov1ps7go4m κ°œμ›” μ „

    3:07:37 deployment to hostinger

  • @does-it-matter1102
    @does-it-matter1102 8 κ°œμ›” μ „ +14

    if you are facing no ethereum object error around 1:59:00 in the video
    that error is due to some changes in recent update of ethers package, so you have to go back to previous packages of ethers
    to do that :
    1) npm uninstall ethers
    2) npm i -S ethers@5.7.2
    Hope this helps

    • @shubbi7169
      @shubbi7169 6 κ°œμ›” μ „

      thanks

    • @erictrager4100
      @erictrager4100 6 κ°œμ›” μ „ +3

      salute bro, you really saved me 6 hours debugging this shit, I thought there was a typo in my code.

    • @0xvector
      @0xvector 4 κ°œμ›” μ „

      thanks bro, i had to rethink abt my life cuz of the error

    • @does-it-matter1102
      @does-it-matter1102 4 κ°œμ›” μ „

      @@0xvector woahh

    • @piyushkumarsingh7249
      @piyushkumarsingh7249 4 κ°œμ›” μ „ +1

      Thanks bro for this.......I just wasted about 14 hrs by changing the approach and logic aganin and again ........and then saw your comment...It made my day

  • @strawhat1583
    @strawhat1583 2 λ…„ μ „ +5

    Amazing content! Keep it up bro

  • @klhmia
    @klhmia 2 λ…„ μ „ +1

    Looking forward to that second web3 video ;) - Thanks as always, Adrian

  • @aidahibda3687
    @aidahibda3687 λ…„ μ „

    This is a good project that move the world of technology. It absolutely knowledge

  • @saberboukhriss9013
    @saberboukhriss9013 2 λ…„ μ „ +5

    I'm still watching the video, but, it's so good and has such quality content that I wanted to comment. I really can't express my gratitude to your tutorials, especially this one πŸ’™ keep up the great work πŸ’™

    • @user-cb8bb4ht4k
      @user-cb8bb4ht4k λ…„ μ „

      We are mining company,I watched your youtube channel and thought it was great ,we would like to ask you to make a promotional video for us to promote our platform,please send me your telegram if you are interested

    • @balibhadrasingh6730
      @balibhadrasingh6730 λ…„ μ „

      Hey I want to add this in my resume but
      In my mock interview, interviewer asked me, why you made this project?
      What problem did you solved?
      What was motivation behind that?
      Can you please answer these questions it will help me in my interview

  • @abhishekbisht6258
    @abhishekbisht6258 11 κ°œμ›” μ „ +4

    So by April 2023, many of the things have changed or either stopped working, multiple error fixing, versions are upgraded and its difficult to catch up with the project now....

  • @blakegalbavy7163
    @blakegalbavy7163 λ…„ μ „

    Incredible video. Learned so much about react and blockchain technologies in this one

  • @J_Atsak
    @J_Atsak 2 λ…„ μ „ +1

    Hi JavaScript Mastery,
    Firstly I want to say thank you for your efforts. Second, I'm having an issue with the Navbar at 28:05. The logo is not showing when i run npm run dev, having followed your instructions very clearly.

  • @dawidglap
    @dawidglap λ…„ μ „ +3

    RAPSTEN network is deprecated on alchemy.

  • @umeshpatel6276
    @umeshpatel6276 2 λ…„ μ „ +4

    Thank you so much for this great video πŸ™‚

  • @blakewright1955
    @blakewright1955 2 λ…„ μ „ +1

    WOW just WOW ive been looking for this for ages!! I cannot thank you enough!!!!!

    • @javascriptmastery
      @javascriptmastery  2 λ…„ μ „ +1

      Glad you like it Blake!

    • @blakewright1955
      @blakewright1955 2 λ…„ μ „

      @@javascriptmastery The only issue it seems im having is to remove smart-contract> in the terminal to insert cd .\client\

    • @blakewright1955
      @blakewright1955 2 λ…„ μ „

      I fixed it!

  • @jpvance123agmailcom
    @jpvance123agmailcom λ…„ μ „

    Clear, and concise. I had so much fun developing this project along side you and look forward to discovering all of the great tutorials you have to offer.
    #Web3Inbound#ToTheMoon!

  • @sheepybreaker
    @sheepybreaker 2 λ…„ μ „ +3

    This is amazing! I am so glad I came across this!

  • @DangoFamily37
    @DangoFamily37 2 λ…„ μ „ +3

    Amazing tutorial and the channel!

  • @kasamachenkaow5753
    @kasamachenkaow5753 2 λ…„ μ „

    This is SUPER helpful, I hope you keep doing this!!! respect!

  • @govindbchandran8681
    @govindbchandran8681 λ…„ μ „

    Phenomenal and unreal. Built out the complete application. Works like a charm. Godamn. This was my first ever web3 app and so glad i chose this. Took me 10 days to build the entire thing. But nonetheless a solid tutorial. Thank you JSM

    • @vinayr6232
      @vinayr6232 λ…„ μ „

      Hey Govind!
      Glad that you found the video interesting.....would you be interested in exploring opportunities in web development?

    • @govindbchandran8681
      @govindbchandran8681 λ…„ μ „

      @@vinayr6232 sure what kind

    • @vinayr6232
      @vinayr6232 λ…„ μ „

      @@govindbchandran8681 Please get in touch with me by visiting the about section in my profile.

  • @jeffreyalahira4527
    @jeffreyalahira4527 2 λ…„ μ „ +3

    My goals for next year was to learn react and block chain development. Guess I have a starting point now. Thanks a lot

  • @programmerslife01
    @programmerslife01 2 λ…„ μ „ +6

    Woooww, you're amazing! I'm looking for a same kinda project in web3. Thank youuu so much πŸ™πŸ™

    • @javascriptmastery
      @javascriptmastery  2 λ…„ μ „ +1

      You got it now! 😊

    • @programmerslife01
      @programmerslife01 2 λ…„ μ „

      @@javascriptmastery Yeah! God may reward you for what you doing for usπŸ™β€οΈ