< Marketplace Dapp Development with AssemblyScript for NEAR Blockchain

34 casts | 3:50:23 for the total course

created by Mammoth Interactive INC

• 1. 00 Project preview
  • 01 Project preview - Build a marketplace dapp on NEAR blockchain
• 2. 10 Connect a React Dapp with NEAR contract

  • 00 What is web3JS

  • 01 Set up React dapp for NEAR

  • 02 Define configuration for NEAR in React

  • 05 Test connection to wallet and contract

• 3. 11 Interact with NEAR contract in dapp

  • 01 Handle sign in and sign out of wallet

  • 02 Call NEAR functions in dapp

• 4. 12 Show AssemblyScript contract contents in React

  • 01 Build user interface to establish the wallet connection

  • 02 Show state values from AssemblyScript contract in React

• 5. 13 Build a React frontend for AssemblyScript smart contract

  • 01 Connect to contract before rendering dapp

  • 02 Build a Course component

• 6. 14 Render all data from AssemblyScript contract in dapp

  • 01 Get all entries in AssemblyScript smart contract map

  • 02 Get all entries from AssemblyScript in React

  • 03 Render an AssemblyScript map in React DOM

  • 04 Build a Courses component to render all entries

• 7. 15 Connect to AssemblyScript add function in React component

  • 01 Build React component to add entry to AssemblyScript map

  • 02 Connect to add entry function in React component

• 8. 16 Expand smart contract for complex data

  • 01 Build model to represent course

  • 02 Update smart contract to use complex data model

  • 03 Update AssemblyScript smart contract on NEAR

  • (Prerequisite) Introduction to Python | 07. Lists

• 9. 17 Update React dapp with AssemblyScript data model

  • 01 Update Courses component with complex data model

  • 02 Update adding course with complex data model

• 10. 18 Enable purchase from AssemblyScript contract in React

  • 01 Build AssemblyScript method for purchase

  • 02 Build NEAR customer account to test purchase

  • 03 Get more test NEAR token from faucet

  • 04 Fund testnet wallet with NEAR CLI

• 11. 19 Test purchase with NEAR smart contract

  • 01 Test purchase with NEAR smart contract

  • 02 Use a React component for each object

  • 03 Enable NEAR purchase in React dapp

  • 04 Send NEAR with purchase in React dapp

• 12. 20 Expand model with more properties

  • 01 Format each course in a Bootstrap card

  • 02 Add image to model in AssemblyScript smart contract

  • 03 Display image from AssemblyScript smart contract in React dapp