P3 - Python frontend interface for Ethereum Layer 2 Blockchain

Review to the app's layout to understand everything displayed on the page. 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

DBC Alert component: https://dash-bootstrap-components.opensource.faculty.ai/docs/components/alert/

DBC Radio Buttons component: https://dash-bootstrap-components.opensource.faculty.ai/docs/components/input/

DMC Loading-spinner component: https://www.dash-mantine-components.com/components/loadingoverlay

Video layout: 00:00 - What you will learn 00:31 - Contrainer and Titles 01:18 - Alert Component 03:18 - First Row & Col components 04:31 - Input Field Component 06:05 - Radio Buttons 07:46 - Submit Button 09:25 - Second Row 11:02 - Get Shelter Information

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=c67dq7ADWHw