How to Build Ethereum Dapp With IPFS - Blockchain Programming Tutorial

แชร์
ฝัง

ความคิดเห็น • 114

  • @weishi3817
    @weishi3817 5 ปีที่แล้ว +63

    0:01 Introduction
    7:33 Dependencies (Node, Ganache, Truffle)
    10:30 Part 1
    10:37 Project Setup (Git, Toolkit, React
    17:58 Part 2
    18:44 Integrating IPFS - Choose File
    29:33 Integrating IPFS - Submit File
    33:02 Integrating IPFS - Connect to IPFS
    35:01 Install IPFS
    38:14 Connect to Infura
    44:09 Show IPFS image in app
    46:52 Replace IPFS image
    51:59 Part 3 Work on blockchain
    1:25:13 Put data to Smart Contract

    • @kalebreign3525
      @kalebreign3525 3 ปีที่แล้ว

      You prolly dont give a shit but if you're bored like me atm you can watch pretty much all the latest movies and series on instaflixxer. I've been streaming with my girlfriend lately :)

    • @ramonbenicio5046
      @ramonbenicio5046 3 ปีที่แล้ว

      @Kaleb Reign definitely, been using instaflixxer for since november myself :D

  • @muffinspuffinsEE
    @muffinspuffinsEE 5 ปีที่แล้ว

    I like that you jump from json, js, react, ipfs, and sol and still make it pedagogical. :) Well done.

  • @muffinspuffinsEE
    @muffinspuffinsEE 5 ปีที่แล้ว +5

    Absolutely love how and when you use the documentation. :) Less googeling and more RTFM.

  • @rene78
    @rene78 5 ปีที่แล้ว +25

    So basically you replace the backend & database with IPFS & Ethereum.

  • @akshadababar6067
    @akshadababar6067 4 ปีที่แล้ว +1

    Your tutorials are amazing, I completed my project with your help !! Thanks alot

  • @CBMEDIA007
    @CBMEDIA007 4 ปีที่แล้ว +3

    please help me
    "ipfs result" not returnig any value..
    i waited more than a hour still no result
    ipfs.add() not working...
    please help me ...
    thanks in advance🙏🙏🙏

    • @bhaskardutta3470
      @bhaskardutta3470 4 ปีที่แล้ว

      Hello, me too is facing the same exact issue....
      Did you find any solution to this issue, if yes please help me out

    • @madurarajapakshe5450
      @madurarajapakshe5450 4 ปีที่แล้ว

      @@bhaskardutta3470 same here..is there anyone who can find out the issue

    • @madurarajapakshe5450
      @madurarajapakshe5450 4 ปีที่แล้ว

      @@bhaskardutta3470 Think this will work out for you - npm install ipfs-http-client@33.1.1 - instead of installing the latest version try to install the exact version of this video

    • @akshadababar6067
      @akshadababar6067 4 ปีที่แล้ว +1

      @@madurarajapakshe5450 Hey, thanks. I was facing the same issue, this worked for me!

    • @anilms9771
      @anilms9771 4 ปีที่แล้ว

      @@akshadababar6067 I am unable to install this version it is throwing error

  • @tvh80
    @tvh80 5 ปีที่แล้ว

    Great video!! What would now be interesting is the following thing:
    Think of 3 users. User 1 and user 2 are already granted access to the page. When user 3 wants to sign up he has to send a request to the other 2 users. They can then decide on the rights of user 3 (reading and/or writing). Depending on the rights of user 3 - he is only allowed to see or even to change the current meme.
    In a second step ( (and I think this is where Blockchain gets interesting) we could keep track of the changes:
    When user 3 changes the meme, the blockchain should tell us who and when the meme was changed. The change should be tracked on the blockchain. We can trust the blockchain as an immutable storage and if user 3 denies that he has changed the meme, we can proove him wrong........
    Are you gonna do some kind of this in any of the upcoming videos? Like "How to Build Ethereum Dapp With IPFS 2.0 " ?

  • @NeoDota2Cast
    @NeoDota2Cast 4 ปีที่แล้ว

    thanks for this tutorial, with it I have been able to start coding with solidity, javascript and react!

  • @alxcancado
    @alxcancado 5 ปีที่แล้ว +5

    that's what I was looking for. cheers!

  • @niluokay
    @niluokay 3 ปีที่แล้ว

    this is so clear, so good, thank you Gregory! lots of love ❤️

  • @klevisshkembi4486
    @klevisshkembi4486 2 ปีที่แล้ว +1

    I tried to submit but I got the following error: Failed to load resource: the server responded with a status of 401 (Unauthorized), anybody that can help me

    • @kaviarasan4999
      @kaviarasan4999 2 ปีที่แล้ว

      hi there, have yu find the solution for this ?

  • @bulej93
    @bulej93 5 ปีที่แล้ว +2

    that truffle hoodie is everything

  • @mrsupermac19
    @mrsupermac19 3 ปีที่แล้ว +2

    I am getting error: "TextDecoder is not a constructor" after adding: "const ipfsClient = require('ipfs-http-client');"

  • @malikaacharya3479
    @malikaacharya3479 4 ปีที่แล้ว +2

    I am stuck at IPFS hash .No generation of hash. tried so many times

    • @jitho7596
      @jitho7596 4 ปีที่แล้ว

      Try change the port no

  • @MatjazPrimec
    @MatjazPrimec 5 ปีที่แล้ว

    Fantastic tutorial, just what I was looking for! Thank you

  • @John-iw8lq
    @John-iw8lq 5 ปีที่แล้ว +3

    Seems I'm having issues with my request timing out. No matter what I do I can't get a response from IPFS other than `Request timed out`. Anyone else getting this?

    • @johnsavvidis384
      @johnsavvidis384 5 ปีที่แล้ว +2

      Yes..this is probably because IPFS is very unstable. I have searched multiple forums for this problem. It seems to be a problem that appears only in the gateway, though. Also, I noticed that the request time fluctuates. I am messing around with IPFS the last 6 months, and I noticed that some times there is no delay on the requests. I hope that helps! :) If you find something more, feel free to share!

    • @arjunsuresh7068
      @arjunsuresh7068 5 ปีที่แล้ว

      It might be a problem with your proxy settings. I too had the same problem and it started working after i switched to a different network.

  • @duke1078
    @duke1078 5 ปีที่แล้ว +1

    what about sensitive data? how do you encrypt the hash

  • @BasemDabbour
    @BasemDabbour 5 ปีที่แล้ว +1

    Hello Gregory
    Thank you very much for providing this tutorial. I finished everything till the end of the video with final step at 1:53:00 , but i am receiving the following error:
    TypeError: Cannot read property '0' of undefined
    (anonymous function)
    src/components/App.js:115
    112 | //add the file
    113 | ipfs.add(this.state.buffer, (error, result) => {
    114 | console.log('Ipfs result', result)
    > 115 | const memeHash = result[0].hash
    | ^ 116 | //this.setState({ memeHash })
    117 | if(error){
    118 |
    View compiled
    ▼ 2 stack frames were expanded.
    doCallback
    -------
    Also there is a problem with getting the memeHash "abc123" from blockchain due to the following line error:
    Failed to load resource: the server responded with a status of 400 ()
    Anybody can help and say how to fix this please?

    • @BasemDabbour
      @BasemDabbour 5 ปีที่แล้ว +1

      the following errors from the console:
      Uncaught TypeError: Cannot read property '0' of undefined
      at App.js:115
      at doCallback (index.js:25)
      at onRejected (index.js:80)
      -----------------
      abc123:1 GET ipfs.infura.io/ipfs/abc123 400

  • @Aland_369
    @Aland_369 5 ปีที่แล้ว +1

    For me it never reaches the point of having successfully submitted the file. It just states "submitting file" in console. Maybe there is no connection to ipfs in my case. Idea, anybody?

    • @AnupamT
      @AnupamT 5 ปีที่แล้ว

      yeah same here in my case.....could u debug whats the problem?....i too think IPFS infura site has some changes ....so unable to connect

    • @ratchaponpockathum3683
      @ratchaponpockathum3683 5 ปีที่แล้ว

      me too

    • @shrishtigupta5494
      @shrishtigupta5494 4 ปีที่แล้ว +1

      On line 24 in the code above, instead of
      this.setState({ buffer: Buffer.(reader.result) })
      make it
      this.setState({ buffer: Buffer.from(reader.result) })

    • @ratchaponpockathum3683
      @ratchaponpockathum3683 4 ปีที่แล้ว

      ​@@shrishtigupta5494 Thank you for your comment, but it doesn't work for me.

    • @shrishtigupta5494
      @shrishtigupta5494 4 ปีที่แล้ว

      @@ratchaponpockathum3683
      Make sure that you shouldn't use single quotes where you're mentioning the gateway, you have to use the symbol that's there below esc key on the keyboard, the key before key number 1. It's called acute or back quote.
      You could try using another IPFS gateway like
      gateway.ipfs.io/ipfs/ or
      cloudflare-ipfs.com/ipfs/
      So, you could use that in 2 ways -
      this.setState({memeHash: `gateway.ipfs.io/ipfs/${memeHash}`}) ..` if you type in the gateway in onSubmit, then in HTML content, image tag will look like this
      Or you could do it as he has done in the video above
      this.setState({memeHash}) and

  • @cryptoninja9272
    @cryptoninja9272 3 ปีที่แล้ว

    Good morning sir, please how do I build a staking dapp and a roi am a newbie never code before. Or any recommended tutorial . Either for Tron or ether

  • @sejalsobhani691
    @sejalsobhani691 ปีที่แล้ว +1

    infura is not free now what one can do for that case I did tried everything and I'm kinda stuck on it from 2 days and can't get a hint how to do it, can please someone tell me pleaseeeeeeeeeeee

    • @komalkriti9487
      @komalkriti9487 ปีที่แล้ว

      what is used in this tutorial?

  • @manass3801
    @manass3801 2 ปีที่แล้ว

    ipfs result in console : project id required can you please provide the solution

  • @arjunsuresh7068
    @arjunsuresh7068 5 ปีที่แล้ว

    Thank you so much dude! This video was very helpful.

  • @skylersmith4850
    @skylersmith4850 3 ปีที่แล้ว

    Did you kickstart the NFT craze?

  • @mirsahib596
    @mirsahib596 3 ปีที่แล้ว

    I am just curious why more developers and companies are not adopting this blockchain technology,this will virtually zero the server cost that many companies and startup are facing right now.

  • @jiayoongchong2606
    @jiayoongchong2606 5 ปีที่แล้ว +1

    damn .. the amount of HD contents can be uploaded on IPFS will only skyrocket ...

  • @39_it_vishalpawar50
    @39_it_vishalpawar50 3 ปีที่แล้ว

    can one give the solution when ipfs starts till the image hash we get? this video not proper as per latest version of ipfs-http-client..

  • @chetangaikwad7268
    @chetangaikwad7268 3 ปีที่แล้ว

    while using install truffle the error " mkdirp@0.5.1: Legacy versions of mkdirp are no longer supported. Please update to mkdirp 1.x. (Note that the API surface has changed to use Promises in 1.x.)"
    and truffle is not installed

  • @NealWalters
    @NealWalters 5 ปีที่แล้ว +1

    Great tutorial, trying to get the info on your bootcamp, but never got an email after signing up.

    • @DappUniversity
      @DappUniversity  5 ปีที่แล้ว

      Shoot me an email to gregory@dappuniversity.com!

    • @feranmiafrica9528
      @feranmiafrica9528 5 ปีที่แล้ว

      @@DappUniversity I watch your marketplace video and I want to enhance it by adding option for a product to have an image, how do I know which product has an image.. you coming from web dev PHP background we add product_id column on image table.. to identify which image belongs to a particular product.. in the case of blockchain how do I do this?

  • @smolxfy
    @smolxfy 3 ปีที่แล้ว

    hi all... nice tutorial.. just want to asked can I show all my image that I've uploaded?

  • @d.bharti009
    @d.bharti009 3 ปีที่แล้ว

    Hey, I have some questions. Can I upload other types of files like pdf etc. in the same way, and do these files remain permanently in ipfs?

  • @poorvijain7281
    @poorvijain7281 5 ปีที่แล้ว +1

    Hi, I am unable to generate hash after submitting file through form, Kindly Help me ASAP.

    • @dhanushkumar9639
      @dhanushkumar9639 4 ปีที่แล้ว +1

      Going through the same issue ,did u find a soln

  • @AIInsights23
    @AIInsights23 5 ปีที่แล้ว

    Hello Gregory I always have problem with Truffle compiled can I use Remix for this case

  • @mohammedadnanmohammed6201
    @mohammedadnanmohammed6201 2 ปีที่แล้ว

    Thank you for this vedio , but when run code , i get the next error "Uncaught (in promise) Error: Unexpected input: null" how can fix that , any advice ?

  • @jishnunv2054
    @jishnunv2054 4 ปีที่แล้ว

    Is there any change to be done in the meme_of_the _day_master repository before we are executing in our system,because when I try to upload an image and click submit it shows an error : "×
    TypeError: Cannot read property 'methods' of null"
    Help Me , what all the things I should do to run this repository in my system localhost.

  • @visheshmalhotra4334
    @visheshmalhotra4334 5 ปีที่แล้ว

    I am getting a lot of timeouts when trying to pin data to Infura’s ipfs endpoint via my dapp and am losing data in multiple cases.

  • @brettstefanishin574
    @brettstefanishin574 5 ปีที่แล้ว +1

    Awesome content! You should consider making a stablecoin tutorial ;)

  • @thenoteBooktalkshow
    @thenoteBooktalkshow 4 ปีที่แล้ว

    Thank you bro , it was very helpfull 🔥 best work

  • @carlosfernandez6470
    @carlosfernandez6470 5 ปีที่แล้ว +1

    Can i put my whole website file index.html on ipfs?

  • @thenoteBooktalkshow
    @thenoteBooktalkshow 4 ปีที่แล้ว

    From where do i get chain_id of metamask from

  • @d0103b
    @d0103b 5 ปีที่แล้ว

    I'm getting TimeoutError: Request timed out error while executing ipfs.add(this.state.buffer, callback). Is this some Infura issuse or?

  • @tiisetsomasilo3541
    @tiisetsomasilo3541 4 ปีที่แล้ว

    What commands were run to setup the starter it?

  • @NeoDota2Cast
    @NeoDota2Cast 4 ปีที่แล้ว

    Hello. What I'd like to do is very similar to this. Is it possible to have 30 min talk with you?

  • @vasan7234
    @vasan7234 4 ปีที่แล้ว

    It was a great tutorial... can we upload a video instead of images? do you have any project regarding uploading video in a dapp ? thank you for the replay.

  • @tenpoundsterlingtn7756
    @tenpoundsterlingtn7756 5 ปีที่แล้ว

    node_modules are missing from the github repository this happens when I send command ~$ npm run start.

    • @AlecWantoch
      @AlecWantoch 5 ปีที่แล้ว

      run "npm install" -- all nodejs repos should keep the node_modules out of the repo since they should be built by your machine. the binaries in there will vary based on your system architecture, hence the need to run npm install.

    • @tenpoundsterlingtn7756
      @tenpoundsterlingtn7756 5 ปีที่แล้ว

      @@AlecWantoch cheers m8.

    • @AlecWantoch
      @AlecWantoch 5 ปีที่แล้ว

      Ten Pound Sterling! (T£N!) glad to help!

    • @miya7525
      @miya7525 5 ปีที่แล้ว

      github will never store node_modules because thats where all your dependencies are which takes up a lot of memory. so always npm install when you clone a github repo which grabs the dependencies specified in your package.json file

    • @tenpoundsterlingtn7756
      @tenpoundsterlingtn7756 5 ปีที่แล้ว

      @@AlecWantoch hey, Im getting ELIFECYCLE errors pulling -i Ipfs-http-client. do you know a solution?

  • @thememetrain506
    @thememetrain506 3 ปีที่แล้ว

    When importing ipfs-http-client, I am met with this error when opening the browser
    TypeError: TextDecoder is not a constructor ./node_modules/multiaddr/node_modules/multibase/src/util.js
    Anyone know how to fix this?

  • @AlejandroVeintimilla
    @AlejandroVeintimilla 4 ปีที่แล้ว +1

    Who pays for IPFS hosting?

  • @jitho7596
    @jitho7596 4 ปีที่แล้ว

    is ipfs safe to store real world data

  • @judasvennootschap2355
    @judasvennootschap2355 5 ปีที่แล้ว +1

    If you get POST ipfs.infura.io:5001/api/v0/add?stream-channels=true 400 (Bad Request)
    use https protocol instead http protocol.
    const ipfs = ipfsClient({host: 'ipfs.infura.io', port: '5001', protocol: 'https'})

    • @mohammadyeasin9062
      @mohammadyeasin9062 4 ปีที่แล้ว

      I got Err_Connection_RESET and ERR: failed to fetch.. actually the video mentioned this same approach however I made mistake using 'http' instead of https. this worked for me

  • @vishwakneelamegam9479
    @vishwakneelamegam9479 3 ปีที่แล้ว

    Can I build dapps in android

  • @alvanlow8442
    @alvanlow8442 5 ปีที่แล้ว

    HI I am having problem ERR! code ENOENT when try to npm install --save ipfs-http-client

  • @Jeff-ze6td
    @Jeff-ze6td 5 ปีที่แล้ว

    Great tutorial

  • @mrboom4651
    @mrboom4651 5 ปีที่แล้ว

    Pls. how to crate Go20 token?

  • @mavisakal77
    @mavisakal77 3 ปีที่แล้ว

    incredible tutor

  • @yevgeniybondar7509
    @yevgeniybondar7509 2 ปีที่แล้ว

    please update video

  • @parikshitrana5355
    @parikshitrana5355 3 ปีที่แล้ว

    thanks brother

  • @newblacc
    @newblacc 3 ปีที่แล้ว

    Super merci !!!

  • @moiziqbal398
    @moiziqbal398 5 ปีที่แล้ว

    getting
    Uncaught (in promise) {code: -32603, message: ""message" must be a nonempty string.", data: {…}, stack: "Error: "message" must be a nonempty string.↵ at…eogaeaoehlefnkodbefgpgknn/background.js:1:1179114"}
    and in MetaMask
    ALERT: Trying to call a function on a non-contract address.

  • @jumainahenah5264
    @jumainahenah5264 3 ปีที่แล้ว

    it’s...

  • @Quiindy
    @Quiindy 5 ปีที่แล้ว

    Durasi 2 jam , bahasanya ngerti kaga ' mnding nonton bokep biar ga ngerti tapi enak hahaha .

  • @aminamin-wz1cx
    @aminamin-wz1cx 2 ปีที่แล้ว

    the ipfs-http-client and ipfs.add with infura doesnt work tried every thing can some one help to do this on another host like rinkbey or our own node on ipfs

  • @rasangiuluwaduge798
    @rasangiuluwaduge798 ปีที่แล้ว

    Hello, in part 2, I am getting this error while connecting to the IPFS
    Module not found: Can't resolve 'ipfs-http-client' in '/home/ubuntu/chatapp/src/components'
    however, I have followed all the instructions below given by @ionutmatis7104 for the new version. I still, get this error.