P4 - Python frontend interface for Ethereum Layer 2 Blockchain

Add data to the blockchain with the Clientside callback in Dash. In this tutorial series we'll create the front end interface in Python using Dash. We will use a pre-built smart contract, written in solidity, to create and deploy a decentralized application on top of it. There will be a little bit of javascript used for inserting data into the blockchain, but most of the app will be in Python.

dApp in Python code: https://github.com/charmingdata/dApp-animal-shelter-python/tree/main

Smart Contract: https://github.com/charmingdata/all-smart-contracts/blob/main/ShelterDB.sol

Polygon zkEVM testnet: https://testnet-zkevm.polygonscan.com/address/0x1245dBd38a1FF2371436245A9D7eF7AE4A9a1A26

Remix.Ethereum for smart contract development: https://remix.ethereum.org/

Video layout: 00:00 - Adding data to the blockchain 02:05 - Clientside callback structure 04:10 - Connect Javascript code to Dash 05:05 - Checknetwork function 09:10 - lines 0-365 of javascript 10:56 - addingShelters function 12:04 - addShelter function arguments 15:47 - signing the transaction 16:40 - demo of transaction signature 18:53 - Contract's Event 21:45 - Return function & create Alert 25:22 - Next tutorial video

Join my channel to support its existence and access perks: https://www.youtube.com/channel/UCqBFsuAz41sqWcFjZkqmJqQ

GitHub tutorials code: https://github.com/charmingdata?tab=repositories&q=&type=&language=&sort=name

Connect with me on LinkedIn: https://www.linkedin.com/in/charmingdata/ ... https://www.youtube.com/watch?v=Iom__Oyt1L0