{"id":"dzT9CpZrYbo","title":"Blockheads Ep 2: The 2nd app is supposed to be easier? Let's build Blockshop","description":"This time around Dorian (me ;D) wants to learn how the average developer can exchange digital assets in exchange for cryptocurrency. Watch as I muddle my way through figuring out how to create a mini online store that runs on blockchain and uses the cryptocurrency NEAR Tokens (In this case just test tokens). \n\nI demonstrate how, with some work, and some stubbornness anyone can break into the world of decentralized applications! Tutorial for this application to come soon! \n\nResources:\n\nTo get connected, join the NEAR Discord: - http://near.chat/\n\nVideos:\nUnderstanding What Blockchain Is:\nHigh Level understanding of Blockchain and smart contracts -   • How does a blockchain work - Simply Explained  \nBlockchain JS Example -    • Creating a blockchain with Javascript (Blo...  \n\nTo learn the language used to create your own contracts like the one in this video: \nTypeScript Crash Course by Traversey Media  -    • TypeScript Crash Course  \n\nNEAR Documentation used for this application\nNEAR Orientation - https://docs.near.org/docs/roles/deve...\nSmart Contract Introduction - https://docs.near.org/docs/roles/deve...\nAssemblyScript Overview - https://docs.near.org/docs/roles/deve...\nCreate-Near-App GitHub Documentation  - https://github.com/near/create-near-app\nIssue A Token Tutorial - https://docs.near.org/docs/tutorials/...\nContract Structure -https://docs.near.org/docs/tutorials/...\nUsing Contract JS - https://docs.near.org/docs/developmen...\nUnderstanding NEAR JS implementation https://docs.near.org/docs/roles/deve...\n\nFree Icons At: https://www.iconfinder.com\nPNGs From: \nWater Shield:https://www.pngfuel.com/free-png/arwrc\nFlaming Wing: https://www.pngfuel.com/free-png/nrgyy\nPearl in a clam shell: https://www.pngfuel.com/free-png/nmesa\n\nLet me know what I can improve on, what you would like to see next, or any questions you might have in the comments below! \n\nThank you for watching!\n\nCoding done by Dorian Crutcher, Editing done by Chad Lamon","channel_name":"NEAR Protocol","published_at":"2020-09-18T00:00:00.000Z","thumbnail_url":"https://img.youtube.com/vi/dzT9CpZrYbo/hqdefault.jpg","transcript_text":"hey everyone welcome to another episode of blogheads my name is doran crutcher and i have a question for you um when you think of blockchain what's the first thing you think of probably bitcoin cryptocurrency right what i want to do today is make an online store that runs on blockchain that's going to interact with my wallet to exchange near tokens for digital assets stick around and let's see how that goes so we're on year's website again near.org and i'm going to open their documentation uh i think i'm a developer you know as i'm developing this application so i know how to make my new wall i know how to access i know how like kids might your wallet in like the browser and stuff but i don't know how to actually pull tokens from it create a new account lock shop oh my gosh do phone recovery i just met you this is crazy so here's my passcode so call me maybe do not spam the recent code button you will get a bunch of codes yay okay okay so through all the effort and all the pain now we have our block shot the test net um our blockshop.testnet has a total bounce of uh you know almost 500 near tokens zero stake and the available balance so we're going to see this number rise probably well that's my goal because we're you know buying stuff from this um and we all can you can also use this to attach an account to attach an inventory to you know whatever we want i have no idea what escrow actually means this is literally me figuring out for you guys use your browser's console to run commands to initialize send and get the balance of a custom token okay okay this looks promising oh okay wait we got something oh look at that oh cool neat okay wait uh i'm sorry i'm like i'm nearly excited okay oh it feels great like when sorry i'm gonna get i'm gonna brag like it feels great when like you're you're like you know your contract colleges when your lessons from earlier your last project actually come into play here and that that's awesome it's like i'm actually learning something async send money then now if i check my balance again with my handy-dandy checking code in your wallet 48 seconds ago succeeded oh called transfer and contract oh give you a full activity log that's actually kind of fun oh and also thank you to uh ilya for you know kind of like pointing me in the right direction here um with the new account and stuff you do state and send money so that was that was actually really helpful this is the near protocol discord so um i will put this in the description as well for you guys if you want to get started on the near uh you know platform to make your own blockchain applications uh so i found this really cool really helpful you can find me on it and i'll be happy to work with you or something it'd be great be fun create near app dash app dash front end is equal to react create and the project's name is block shop and now we go through the process of creating the boilerplate you know basically up here now far we can actually replace this we can update this with the actual account name buckets i didn't really care about adding a padding so now we have something that looks like you know something looks like we wanted i can just throw in the name of the item throw in the price put it all into one array and then that array will spit out everything for me i want to make this like a magical item store i'm going to call this like my echo pearl or something and this would be my water shield like wash your hands guys i call it the wing of the fallen option options there we go yep what i want to add is the functionality to send money submit ah i don't know what's happening okay that was um documentation earlier if it doesn't export the signature feature right okay send money wait okay so this is what my channel is trying to figure out but saying that i don't have the right to access keys how do you and put in the correct access key uh so there are two options use near api js method request sign in with the first parameter for a contract empty in order to redirect the user to the while requesting a full access key on their behalf okay oh hey wait wait wait wait no this is what i want no this is what it was good you'll provide access to all your tokens okay okay yes ah i mean okay well get me the same error whoever oh my gosh no ever oh shoot wait that's a receipt no that's a good thing that's not an error as a receipt and log echo pro water shield belongs to this dev account oh my god wait okay wait so i'm gonna go uh near wallet wallet.testnet oh cool oh look at that wait called method delivered products and contracts succeeded transferred to blockshop.testnet ah oh i found that in a discussion circle oh my goodness dude thank you aaron i guess he ran into the same issue i did and thank you mike i had to put a request sign in the empty parameter to get the full access to my account this is the argument to use to get the full access yes oh man that's like the core functionality of my app hey everyone we made it we got to send our money we got a receipt oh shoot wait that's a receipt from the chain telling us that um the money was sent through and i actually added some more features as well this inventory box actually updates to show jerry how many of each item he's already bought so you can see that he bought 13 echo pearls four water shields and three wings of the fallen i call it the wing of the folly we can add and remove items from our cart we can add multiple items buying two wings of the fall and one water shield so that's 220 new tokens submit refresh the page and five and five so we actually have a full inventory alive so we actually have a functioning block shop that's really exciting thank you so much for joining me on this journey to create the blogship app stay tuned for a tutorial video to come so you can learn how you can make your own version of the blogshop app connect to our community discord so you can get involved with community and build some really cool things like subscribe and comment below on what you would like to see in future videos and keep growing keep learning and have a great day guys","transcript_synced_at":"2026-11-04T04:24:37.876Z","segments":[{"start_seconds":0,"text":"hey everyone welcome to another episode of blogheads my name is doran crutcher and i have a question for you um when you think of blockchain what's the first thing you think of","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=0s"},{"start_seconds":8,"text":"probably bitcoin cryptocurrency right what i want to do today is make an online store that runs on blockchain that's going to interact with my wallet to exchange near tokens for digital","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=8s"},{"start_seconds":16,"text":"assets stick around and let's see how that goes","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=16s"},{"start_seconds":25,"text":"so we're on year's website again near.org and i'm going to open their documentation","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=25s"},{"start_seconds":32,"text":"uh i think i'm a developer you know as i'm developing this application so i know how to make my new wall i know how to access i know how like kids might your","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=32s"},{"start_seconds":40,"text":"wallet in like the browser and stuff but i don't know how to actually pull tokens from it create a new account lock shop oh my gosh","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=40s"},{"start_seconds":49,"text":"do phone recovery i just met you this is crazy so here's my","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=49s"},{"start_seconds":57,"text":"passcode so call me maybe do not spam the recent code button you will get a bunch of codes","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=57s"},{"start_seconds":64,"text":"yay okay okay so through all the effort and all the pain now we have our block shot the test net","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=64s"},{"start_seconds":72,"text":"um our blockshop.testnet has a total bounce of uh you know almost","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=72s"},{"start_seconds":79,"text":"500 near tokens zero stake and the available balance so we're going to see this number rise probably well that's my goal because","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=79s"},{"start_seconds":88,"text":"we're you know buying stuff from this um and we all can you can also use this to attach an account to attach an inventory","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=88s"},{"start_seconds":95,"text":"to you know whatever we want","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=95s"},{"start_seconds":104,"text":"i have no idea what escrow actually means this is literally me figuring out for you guys use your browser's console to run commands to initialize","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=104s"},{"start_seconds":111,"text":"send and get the balance of a custom token okay okay this looks promising oh okay wait we got something","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=111s"},{"start_seconds":117,"text":"oh look at that oh cool neat okay wait uh i'm sorry i'm like i'm nearly excited","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=117s"},{"start_seconds":125,"text":"okay oh it feels great like when sorry i'm gonna get i'm gonna brag like it feels great when like you're you're like you know your contract","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=125s"},{"start_seconds":133,"text":"colleges when your lessons from earlier your last project actually come into play here and that that's awesome it's like i'm actually learning something","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=133s"},{"start_seconds":141,"text":"async send money then now if i check my balance again with my handy-dandy checking code","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=141s"},{"start_seconds":148,"text":"in your wallet 48 seconds ago succeeded oh called transfer and contract oh give you a full activity log that's actually kind of fun","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=148s"},{"start_seconds":156,"text":"oh and also thank you to uh ilya for you know kind of like pointing me in the right direction here","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=156s"},{"start_seconds":163,"text":"um with the new account and stuff you do state and send money so that was that was actually really helpful this is the near protocol","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=163s"},{"start_seconds":172,"text":"discord so um i will put this in the description as well for you guys if you want to get started on the near uh you know platform","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=172s"},{"start_seconds":180,"text":"to make your own blockchain applications uh so i found this really cool really helpful you can find me on it","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=180s"},{"start_seconds":186,"text":"and i'll be happy to work with you or something it'd be great be fun","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=186s"},{"start_seconds":196,"text":"create near app dash app dash front end","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=196s"},{"start_seconds":202,"text":"is equal to react create and the project's name is block shop","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=202s"},{"start_seconds":211,"text":"and now we go through the process of creating the boilerplate","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=211s"},{"start_seconds":220,"text":"you know basically up here now far we can actually replace this we can update this with the actual account name buckets","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=220s"},{"start_seconds":231,"text":"i didn't really care about adding a padding","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=231s"},{"start_seconds":241,"text":"so now we have something that looks like you know something looks like we wanted i can just throw in the name of the item throw in the price","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=241s"},{"start_seconds":249,"text":"put it all into one array and then that array will spit out everything for me i want to make this like a magical item store i'm going to call this like my echo pearl","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=249s"},{"start_seconds":256,"text":"or something and this would be my water shield like wash your hands guys i call it the wing of the fallen","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=256s"},{"start_seconds":267,"text":"option options","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=267s"},{"start_seconds":273,"text":"there we go yep","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=273s"},{"start_seconds":281,"text":"what i want to add is the functionality to send money submit ah","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=281s"},{"start_seconds":289,"text":"i don't know what's happening okay that was um documentation earlier if it doesn't export the signature feature right","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=289s"},{"start_seconds":301,"text":"okay send money wait okay so this is what my channel is trying to figure out but saying that i don't have the right to access keys how do you and put","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=301s"},{"start_seconds":308,"text":"in the correct access key uh so there are two options use near api js method request sign in with the first parameter","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=308s"},{"start_seconds":316,"text":"for a contract empty in order to redirect the user to the while requesting a full access key on","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=316s"},{"start_seconds":324,"text":"their behalf okay","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=324s"},{"start_seconds":332,"text":"oh hey wait wait wait wait no this is what i want no this is what it was good you'll provide access to all your tokens","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=332s"},{"start_seconds":340,"text":"okay okay yes ah i mean okay well get me the same error whoever oh my gosh","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=340s"},{"start_seconds":348,"text":"no ever oh shoot wait that's a receipt no that's a good thing that's not an error as a receipt","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=348s"},{"start_seconds":355,"text":"and log echo pro water shield belongs to this dev account","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=355s"},{"start_seconds":363,"text":"oh my god wait okay wait so i'm gonna go uh near wallet wallet.testnet","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=363s"},{"start_seconds":371,"text":"oh cool oh look at that wait called method delivered products and contracts succeeded transferred","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=371s"},{"start_seconds":377,"text":"to blockshop.testnet ah oh i found that in a discussion circle oh my goodness","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=377s"},{"start_seconds":386,"text":"dude thank you aaron i guess he ran into the same issue i did and thank you mike i had to put a request sign in","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=386s"},{"start_seconds":394,"text":"the empty parameter to get the full access to my account this is the argument to use to get the","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=394s"},{"start_seconds":404,"text":"full access yes oh man that's like the core functionality of my app","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=404s"},{"start_seconds":413,"text":"hey everyone we made it we got to send our money we got a receipt oh shoot wait that's a receipt from the","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=413s"},{"start_seconds":421,"text":"chain telling us that um the money was sent through and i actually added some more features as well this inventory box actually updates to show jerry","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=421s"},{"start_seconds":429,"text":"how many of each item he's already bought so you can see that he bought 13 echo pearls four water shields and three wings of the fallen i call it the wing of the","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=429s"},{"start_seconds":437,"text":"folly we can add and remove items from our cart we can","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=437s"},{"start_seconds":444,"text":"add multiple items buying two wings of the fall and one water shield so that's 220 new tokens","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=444s"},{"start_seconds":453,"text":"submit refresh the page and five and five so we actually have a full","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=453s"},{"start_seconds":462,"text":"inventory alive so we actually have a functioning block","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=462s"},{"start_seconds":470,"text":"shop that's really exciting","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=470s"},{"start_seconds":476,"text":"thank you so much for joining me on this journey to create the blogship app stay tuned for a tutorial video to come so you can learn how you can make your own version of the blogshop app","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=476s"},{"start_seconds":484,"text":"connect to our community discord so you can get involved with community and build some really cool things like subscribe and comment below on what you would like to see in future videos","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=484s"},{"start_seconds":492,"text":"and keep growing keep learning and have","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=492s"},{"start_seconds":494,"text":"a great day guys","url":"https://www.youtube.com/watch?v=dzT9CpZrYbo&t=494s"}],"youtube_url":"https://youtube.com/watch?v=dzT9CpZrYbo","url":"https://near-pedia.xyz/videos/dzT9CpZrYbo"}