
Build a full-stack mobile Web3 marketplace using Flutter and Solidity, connecting a Flutter UI to a smart contract with WalletConnect and MetaMask, and creating products with IPFS deployment.
Learn blockchain fundamentals and solidity smart contracts, then build a full stack app with Flutter and Hardhat, including MetaMask integration, UI widgets, and IPFS-backed product data.
Explore blockchain basics as a decentralized, peer-to-peer large database, powered by the Ethereum virtual machine. Learn how to write and test smart contracts in Solidity using Remix.
Create your first smart contract using Remix and Solidity, define variables like string and uint, explore public and private visibility, and introduce struct concepts with a map coming next.
Explore how to use mapping as a dictionary in solidity to store product and user data by id, and manage balances with arrays, push, and length.
Learn to implement functions in Solidity, handling inputs and outputs, returns, public and private visibility, and mapping for user data and string memory considerations.
Learn how to store the owner address in a Solidity contract, deploy with a constructor, and use msg.value and payable functions with require validations and transfers.
Learn Flutter basics by installing Flutter and your preferred IDE, then build a first multi-page app with widgets like scaffold, app bar, text, column, row, and stateless or stateful widgets.
Explore building a row with icons and text using Flutter widgets, configuring icon size, color, and weight while adjusting main axis and cross axis alignment and padding.
Create a card with a button that navigates to a second screen, and learn to pass a title string via a constructor to display on that page.
Design a Solidity smart contract to model a product with a struct, image url, description, category, owner, and price, emit a product created event, and track all products.
Learn to implement a solidity create product function for a decentralized marketplace, with input validation, auto-incremented IDs, event emission, and flutter-based testing and product retrieval.
Design a Solidity buy function that validates the buyer is not the seller, requires exact payment, marks the product as sold, transfers funds, and updates the owner and events.
Test the full functions of the smart contract by deploying, creating and buying products, transferring ownership, on a testnet, using MetaMask and Hardhat with a Flutter API.
Set up a local blockchain environment with Hardhat to compile, deploy, and validate smart contracts like a marketplace, and prepare artifacts for integration with Flutter in the next lecture.
Set up a flutter development environment with Android Studio or VS Code, create and run a flutter app, and establish a project structure with services, models, widgets, and pages.
Learn to build a reusable custom button widget in flutter, reuse it across variations, and implement dynamic input fields with a constants file, box decoration, inkwell interactions, and styled text.
Create a reusable text field input widget in flutter by styling decorations, fill colors, and borders, using a text controller to capture input for blockchain applications.
Create a custom product widget in Flutter that shows a network image, dynamic title and price, and icons including the Ethereum icon, all inside a decorated container.
Create a responsive heading cover widget in Flutter by stacking an image and a title, using a container with box decoration, assets/cover.png, and media query driven height.
Create a splash page in a Flutter app, configuring a splash screen with image, text, and a navigation button to the explore page.
Define a final category list and render a horizontal list view with a bold categories header. Set up a structured grid view to show products.
Create a two-column Flutter grid view to showcase products with images and names, and add a floating action button to navigate to product creation.
Fix the grid view item in Flutter by adjusting container size, context, and shrinkWrap, then navigate to the product detail page via a tap.
Design a Flutter create product page with a single scrollable column, text inputs for product name, price, and description, a category selector, and image picker.
Create a flutter dropdown list from a constant category list, map items to dropdown menu items, and update the selected value on change.
Build a product detail section with image fetch, category and icon rows, and interactive explore links using a scrollable column, color theming, and on-tap actions in a Flutter UI.
Create a seller card in Flutter by integrating a random avatar package, displaying the product title, description, price, and seller address with styled text and layout.
This lecture guides building a product detail page with price and a buy button, applying styling and alignment. It also covers blockchain features for NFT products, categories, and buy-sell workflows.
deploy a smart contract to a test net using remix and metamask, connect wallets across Polygon and other networks, obtain the contract address, and verify deployment on polio scan.
Connect a Flutter app to the blockchain using Infura endpoints over http and WebSocket, manage state with provider and change notifier, and fetch contract data for all accounts.
Set up a web3 client to connect to the blockchain network using https, socket io, and web socket libraries for real-time rpc calls and prepare for contract interaction.
Fetch the contract ABI and address from an API, convert the address to an Ethereum address in Dart, and prepare for deploying the contract in a Flutter app.
Connects to a deployed smart contract, retrieves the store name via a contract function, and displays it in the user interface while handling abi, address, and loading states.
Create a custom loader indicator in Flutter using a circular progress indicator inside a styled container, customizing size, color, and layout for reuse in app loading states.
Develop and test a function to fetch the store's product count, save the data privately, and prepare to loop through ids to fetch all products next.
Fetch all products data by integrating blockchain functions with a Flutter frontend, manage the NFT marketplace contract, build a product model, and populate a clean product list.
Build and store a blockchain product model by defining id, name, description, image, sold, price, and owner (Ethereum address) with a constructor and require checks to add products.
Showcases loading and retrieving products from a blockchain via a contract factory, then maps image, name, and price to the UI, converting big-integer prices for display.
Show a single product’s data by wiring the product model to the detail page, and display the title, image, category, description, owner, and price for blockchain purchases with connected wallets.
Build a wallet-connected profile page by integrating MetaMask and connecting wallet authentication. Install MetaMask on iPhone or Android, navigate to the account screen, and design with Material UI scaffolding.
Learn to install the wallet library, connect MetaMask on a testnet, and implement a connect wallet function using connectors to obtain a provider and session.
Connect to a wallet, fetch user account data, and display the address on a profile page using Flutter and WalletConnect, with session-driven navigation.
Create a get balance function to fetch a user’s ether balance, convert it from wei to ether units, and display it on the user card with proper account handling.
Create an add product function by validating inputs, connecting a web3 client, and retrieving wallet credentials; then call the contract's create product with name, description, image, price, and category.
Learn to create credentials from a wallet provider like MetaMask without exposing private keys, using an Ethereum provider, and override transaction sending to generate and use credentials.
Create a mobile flutter product with user inputs and an image chosen from the gallery or camera, then upload the image to IPFS via Pinata and return a structured result.
Learn how to upload an image to IPFS via Pinata, using Node.js, HTTP requests, and multipart form data, including API key and secret key management to obtain the IPFS hash.
Connect a wallet and add a product with wallet connect, using a contract factory to link IPFS image hash, name, description, price, and category. Deploy and confirm creation.
Fixes a price ui and hides the buy button for owners by validating contract ownership and adjusting price parsing in the product detail flow.
Learn to implement create product events and emit, listen for contract events with Web3, and navigate users to wallet connect after product creation.
Create a buy product function and filter buyable products by id and price. Learn handling big integers, sending ether as value, and testing transactions across accounts.
Show each user product owned by its owner by fetching all products, filtering for the owner, and displaying owner products in the mobile app.
Create a fetch by category function to filter and display products for the selected category using category name inputs.
build a flutter ui to display products by category using a discovery grid, custom product cards, and provider-based state management.
Welcome to our comprehensive course on Web3 and Blockchain with Flutter mobile app development! In this workshop, we have designed a hands-on learning experience that will equip you with the knowledge and skills needed to build and deploy decentralized applications (dApps) using the power of blockchain technology.
Throughout this course, you will embark on an exciting journey to understand the fundamental concepts of Web3 and blockchain technology. We will start by exploring the basics, such as the principles behind blockchain, its underlying architecture, and how it enables decentralization and immutability. You will gain insights into different blockchain platforms and their unique features, focusing on Ethereum as the leading smart contract platform.
Once you have grasped the fundamentals, we will dive into the practical aspects of developing dApps using Flutter, a powerful and popular mobile app development framework. With Flutter, you will harness the capability to create cross-platform applications that run seamlessly on iOS and Android devices. We will guide you through the process of setting up your development environment and introduce you to Flutter's widgets and UI components.
As the course progresses, we will integrate your Flutter app with a blockchain network, allowing you to create a shop where users can create and showcase their products on the blockchain. You will learn how to leverage smart contracts to store product information securely and transparently. Additionally, we will implement a wallet functionality, enabling users to connect their digital wallets and make purchases using cryptocurrency.
By the end of this workshop, you will have gained a comprehensive understanding of Web3 and blockchain concepts, as well as practical experience in developing dApps using Flutter. You will be equipped with the skills to create decentralized applications that leverage the power of blockchain technology and provide users with secure and transparent interactions.
Join us on this exciting journey and unlock the potential of Web3 and blockchain with Flutter mobile app development!