Ethereum DApps: Solidity, Web3 & Wagmi + (AI Bonus)

Explore how Ethereum enables programmable transactions and applications through smart contracts, powered by the Ethereum Virtual Machine and ether, with decentralized applications like Uniswap.

Explore how Ethereum accounts enable trustless interactions by distinguishing external accounts and contract accounts, detailing private keys, ether transfers, and automatic responses from smart contracts.

Discover how smart contracts coded in Solidity or Viper automate self-executing, tamper-proof rules on the blockchain. Apply to DeFi, supply chain management, identity verification, credentials, and voting.

Explore how Ethereum standards define network operations and how EIPs and ERCs shape token and dapps updates. Learn about ERC20 fungible tokens, ERC721 NFTs, and ERC1155 multi tokens.

Visit book.getfoundry.sh to install Foundry Up, the official installer; on windows, use Git Bash or WSL, run the curl command, load environment variables, then type foundryup to start installing.

Initialize a Solidity project with Foundry using forge init in Visual Studio Code, explore the source folder, and install a Solidity extension for better code snippets and syntax highlighting.

Learn the basics of Solidity, the core language for writing smart contracts on Ethereum, and create, compile, and deploy your first contract on the blockchain using Foundry.

Explore solidity basics by creating a hello world contract, configuring license and pragma versions, and understanding boolean, integer, string, and address data types and defaults.

Explore Solidity variable types by distinguishing state, local, and global variables, with examples like a state i256, local variables within functions, and global block timestamp usage.

Review core Solidity concepts after deploying your first smart contract, covering immutable variables, constructor with msg.sender to set the owner, and units such as wei, giga wei, and ether.

Explore conditional statements in Solidity, including if, else if, and else, and practice for and while loops that sum numbers up to n and return results.

Master solidity mappings and nested mappings for key-value storage and authorization, with update and authorize functions, and contrast fixed-size versus dynamic arrays, including push and retrieving lengths.

Use solidity events to log blockchain activity and enable offchain apps to respond. Emit a transfer event with from, to, and amount, using indexed parameters for efficient filtering.

Hashing in solidity uses keccak256 and abi.encodePacked to produce a 32-byte hash from a string and uint for data verification. Apply error handling with require, assert, custom errors, and try-catch.

Learn to write unit tests for an ERC-721 NFT contract, including approving and transferring tokens, and deploy the contract using forge with a local anvil node.

Discover how objects in JavaScript store key-value pairs to label and organize data, using dot or bracket notation to access, update, and add properties such as name, age, and city.

Master conditionals in programming by using if, else if, and else, learn comparison and logical operators to control code flow and produce context-aware outputs.

Master JavaScript functions, from declaring and calling with parameters to returning values and using arrow syntax, to write cleaner, reusable code for web apps.

Explore how promises manage asynchronous tasks in JavaScript, including pending, resolved or rejected states, using resolve and reject, and handle success with then and errors with catch, including simulated delays.

Learn to split JavaScript code into modules using named and default exports, and imports to organize UI components, API helpers, and wallet functions for React and Web3 projects.

Create your first React project with npm and vite, the fast modern build tool. Install dependencies with npm, and run npm run dev to start the local development server.

Use props to pass data from a parent component to a child, enabling reusable, dynamic components. Props are immutable and can be strings, numbers, arrays, objects, or functions.

Learn to build forms in React, including login forms, search bars, and profiles. Use controlled components and useState to manage input, with onChange and onSubmit handlers and preventDefault.

Learn how to use the useContext hook in React to share a theme across deeply nested components via a theme context provider, avoiding prop drilling and enabling global settings.

Learn to add real navigation to a React app by wiring up react-router-dom with a browser router, routes, and links across home, about, and contact pages, preserving state without reloads.

Build a reusable custom hook useFetch to fetch data from an API using useState and useEffect, returning data and a loading flag for reusable React components.

Explore Wagmi hooks like useAccount, useReadContract, and useWriteContract to manage wallet connections and interact with Solidity contracts via the Wagmi SDK and Reown UI.

Create a counter dapp by scaffolding a vite project, adding tailwind, building a dapp component, wiring wallet connection, and deploying a fresh counter contract.

Deploy a counter smart contract with forge and anvil, then connect a front end using AppKit and Wagmi to read the contract with useReadContract and MetaMask.

Explain NFT metadata with the OpenSea standard and token URI. Show how a json with name, description, image, traits, and external url powers marketplaces.

Connect the mint page to the existing smart contract by implementing tokenURI and baseTokenURI with the metadata CID, enabling minting of NFTs through OpenZeppelin Strings and forge deployment.

Explore automated market makers in DeFi with Uniswap v2, covering fundamentals, mechanics, and architecture, then a live swap demo on an Anvil forked chain against a 24/7 liquidity pool.

Learn how automated market makers use liquidity pools and the constant product formula to enable 24/7 token swaps, with Uniswap v2's factory, router, and pair contracts.

Build a Uniswap-like swap UI to exchange ETH for DAI, fetch live quotes, add slippage tolerance, and fork Ethereum mainnet with Anvil using an RPC URL.

Fetch swap prices with the Uniswap v2 SDK by obtaining the pair from the factory, reading reserves, and deriving the execution price for a WETH/DAI trade.

Design a ui that fetches the latest swap price by calling the fetch route and trade with the input amount, using WETH, and parsing the rate as the to amount.

Build a functional nft marketplace inspired by OpenSea, implementing fixed-price listings, auctions, and offers with secure payments, ownership transfer, gas optimization, and security features.

List an NFT for sale at a fixed price. Purchase listing validates payment, transfers the NFT via ERC-721 safeTransferFrom, refunds excess, and emits a purchased event.

Explore placing and viewing offers in an NFT marketplace frontend, including submitting offers with values sent to the contract, and accepting offers to update the auction state.