Casper / Casper Association dApp Developer Series

This episode of the Casper Association's dApp Developer Series demonstrates how to integrate the new Casper Wallet into a full-stack dApp, and how to use it to sign and deploy transactions that rely on pre-compiled session code.

Please note that this project has **NOT** been audited.

Casper Wallet: https://www.casperwallet.io/

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

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

## Timestamps

0:10 - Introduction

0:31 - Create a new React App

0:54 - Copy Session Code

1:23 - Write App Component

2:33 - Write Wallet Component

3:55 - Write Interact Component

8:15 - Add Wallet and Interact to App Component

8:43 - Write Express Backend Server

10:10 - Test

11:42 - Outro

In the seventh video of Casper's dApp Developer series, Casper Association Developer Advocate Dylan Ireland demonstrates the implementation of payable entry points, smart contract CSPR storage, and CSPR transfers from contract to account.

Please note that this project has **NOT** been audited.

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

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

This is the seventh video of a continuous series that teaches developers how to build dApps on Casper.


Chapters: Timestamps
0:00 - Title

0:10 - Introduction

0:29 - Create New Smart Contract Project

0:50 - Begin Writing Smart Contract

1:45 - The `call` function

2:58 - `deposit` Entrypoint

4:30 - `withdraw` Entrypoint

5:16 - Create Session Code Files

5:43 - Edit Cargo.toml

6:00 - Deposit Session Code

7:28 - Withdraw Session Code

8:14 - Edit Makefile

9:00 - Deploy Script

9:14 - Deposit Script

9:50 - Withdrawal Script

10:08 - Compile Contract & Session Code

10:30 - Generate Keypair

10:50 - Test

12:46 - Outro

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