Blockchain: Build a Dapp using Solidity, Hardhat and React

Explore Remix, a web IDE for coding Solidity, and learn to deploy smart contracts via the command line, with prior Solidity knowledge required.

Create a new Solidity smart contract by adding a .sol file in the contracts folder, specifying pragma solidity 0.8.4, and importing dependencies while noting reserved words.

Learn to write comments in solidity to explain what code does for future engineers. Use single-line comments with double slash and multi-line comments to embed a paragraph.

Explore variables in solidity, including state variables stored in contract storage, local variables confined to a method, and global blockchain variables like block data; focus on state and local vars.

Explore Solidity’s basic types, including bool, int and unsigned int with varying bit sizes, strings, fixed point, and the address type used to store wallet data.

Explore arithmetic, comparison, logical, bitwise, and assignment operators in Solidity, and learn how the ternary conditional and if-else statements drive control flow in smart contracts.

Explore the three basic looping statements in Solidity, while, do-while, and for, and learn how to iterate over data structures, perform computations, and manage loop conditions.

Explore how to define functions in solidity, including naming, parameters, visibility (public), and returns or view modifiers, and how state variables interact inside a contract.

Compile a Solidity contract with a pragma, implement storage with set and get functions, deploy it on Remix, and observe gas fees and the contract address for front end interaction.

The application binary interface (abi) standardizes how outside callers interact with ethereum contracts, encoding method inputs and outputs via a schema, as described by contract metadata.

Discover how MetaMask serves as a crypto wallet and browser extension for Ethereum networks. Install, view your wallet address, use testnet Ethereum, and manage multiple accounts.

Explore how we use React as a lightweight frontend to interact with the Ethereum blockchain, highlighting essential packages and dependencies to connect the UI with the backend and Node.js.

Explore how hardhat functions as a professional solidity development environment, enabling npm installation, local coding, and deploying to the atrium network with debugging facilities and dummy contracts and scripts.

Alchemy provides API-based tooling to interact with Ethereum, allowing you to deploy and interact with smart contracts via an app on Alchemy's dashboard, using a test network.

Explore high level architecture of a decentralized application, from setting up a MetaMask wallet and deploying Solidity smart contracts with Hardhat to building a React UI that connects to Ethereum.

Develop a library catalog DApp that tracks book ownership and reading status across three users, using Ethereum blocks to record unfinished and finished states via a React frontend.

Set up a comprehensive blockchain dapp environment with Hardhat, ethers, and testing tools; create a project structure with contracts, scripts, and tests, and configure deployment using environment keys.

Create a Solidity smart contract for a personal library management system, adding books with id, year, author, and finish status, and mapping each book to its owner via events.

Visualizes how the add book function records a user's checkout on the Ethereum blockchain via a smart contract. The video shows a new block, book list update, and owner mapping.

Explore implementing smart contract functionality to retrieve finished books with an external view, using a private get_book_list utility and a get_finished_books function that filters by owner and finished status.

Visualize how a smart contract's getBook method reads the booklist from the blockchain, uses a temporary variable and a counter to return up to three books owned by the user.

Implement the set finished function in a smart contract, verify the sender, mark a book as finished, and emit a set finished event for a library content management app.

A user presses the finish button, triggering smart contract code that validates the book id and marks it finished, then pushes a new block containing finished: true to the blockchain.

Write a Hardhat deploy script in JavaScript to deploy the library contract using a contract factory from ethers, log the deployed address, and enable frontend interaction.

Write unit tests for a library smart contract using JavaScript, deploying with ethers in beforeEach, and verify adding books and tracking finished and unfinished books via events.

Fetch the Alchemy key and MetaMask private key to configure Hardhat and deploy the smart contract, using an environment file and network accounts to cover gas fees.

Deploy the contract with the hardhat run script to Ethereum; the output shows the contract address and gas details you must save for the next frontend step.

Set up the frontend for the blockchain dapp by initializing a Next.js app with tailwind, adding axios for blockchain calls, and wiring the contract address and related metadata.

Implement the main React front end to connect MetaMask, verify the correct network, and submit or display books via a web3 contract using a TypeScript setup.

Complete the user interface for a blockchain dapp by displaying books, enabling get books and finish book actions in React, while connecting to a Solidity contract via MetaMask.

Explore UI improvements for a WhatsApp-like dapp built with React, and optimize Solidity contracts to reduce gas fees by reducing data and using libraries.

Review Hardhat as the framework to build and deploy blockchain apps, with MetaMask as the wallet, and cover Solidity basics, smart contract deployment, and UI integration to call methods.