Casper / Casper Association dApp Developer Series

In the sixth video of Casper's dApp Developer series, Casper Association Developer Advocate Dylan Ireland shows how you can build a dApp that interacts with CEP-78 NFTs using React and JavaScript.

GitHub repository: https://github.com/dylanireland/dApp-dev-series-6

Ask questions on our Discord: https://discord.com/invite/Q38s3Vh


Timestamps

0:10 - Introduction

0:30 - Update CEP-78 Contract

1:08 - Update CEP-78 Deployment Script

1:50 - Create React Application

2:15 - Create dApp Files

2:56 - Write App.js

3:51 - Write Connect.js

4:43 - Write Metadata.js

5:28 - Write NFTList.js

6:15 - Write Mint.js

8:35 - Write Register.js

9:24 - Write Node.js Backend

13:31 - Install npm packages

13:46 - Test the dApp

15:57 - Outro

In the fifth video Casper's dApp Developer series, Casper Association Developer Advocate Dylan Ireland introduces the CEP-78 NFT standard and shows how to deploy, mint, and query CEP-78 NFTs using Node.js and the Casper JS SDK.

GitHub repository: https://github.com/dylanireland/dApp-dev-series-5

Ask questions on our Discord: https://discord.com/invite/Q38s3Vh

Timestamps

0:00 - Introduction

0:36 - Introduction to CEP-78: Modalities

4:50 - Preparing the Environment

6:31 - Begin Writing Script

7:19 - Write the `installContract` Function

9:19 - Test NFT Contract Deployment

9:45 - Write the `mint` Function

10:55 - Test NFT Minting

11:16 - Write the `balanceOf` Function

12:05 - Test NFT Balance Retrieval

12:16 - Write the `readMetadata` Function

12:40 - Test NFT Metadata Retrieval

12:52 - Outro

In the fourth video Casper's dApp Developer series, you will learn how to call and query smart contracts on the Casper Network from the browser using React and the Casper Signer.

This video utilizes the smart contract that was developed in the previous video: https://www.youtube.com/watch?v=Bykv9OcLAgk&t=146s)

GitHub repository: https://github.com/dylanireland/dApp-dev-series-4

Ask questions on our Discord: https://discord.com/invite/Q38s3Vh

#Timestamps#

0:00 - Introduction

0:32 - Install the Casper Signer

0:38 - Create a new React App

1:50 - Create New Components

2:08 - Set up App.js

2:59 - Write the `Connect` Component

3:47 - Write the `Update` Component

6:09 - Write the `Query` Component

6:37 - Write the Server-Side API

8:44 - Test the Project

10:06 - Outro

In the second video of Casper's dApp Developer series, you will learn how to write and compile your first Casper smart contract in Rust. The contract you write will store a message on-chain, and includes an entrypoint for updating the message.

0:00 - Introduction
0:13 - Install cargo-casper
0:31 - Create New Casper Project
0:41 - Open Smart Contract File
0:50 - Delete Sample Code
0:55 - Use Rust Crates
1:25 - Write the `call` Function
3:28 - Write the `update_msg` Function
4:06 - Compile the Smart Contract
4:40 - Outro

In the third video of Casper's dApp Developer series, you will learn how to utilize the Casper JS SDK with a Node.js runtime environment to install, call, and query smart contracts on the Casper Network.

## Timestamps

0:00 - Introduction
0:20 - Initialize npm and install casper-js-sdk
0:34 - Create script and open it
0:42 - Import packages
0:59 - Instantiate `CasperClient` with a node URL
1:36 - Create keypair with casper-client
2:02 - Fund account (testnet)
2:45 - Load keypair and WASM from file in script
3:07 - Write `install` function
4:19 - Call the `install` function
4:29 - Execute the installation
4:39 - Await on-chain execution
4:58 - View "Hello world!" on-chain
5:17 - Write the `update_msg` Function
6:41 - Execute `update_msg`
6:55 - Execution validation
7:07 - Write `queryMessage` function
7:27 - Call `queryMessage` function
7:42 - Outro