Fullstack Web3 - Build An Nft Marketplace Dapp On Ethereum

A step-by-step guide to build and deploy a DApp to create, buy and sell Tokens with Solidity, Ethers, Truffle & IPFS

What you'll learn
Discover the Truffle to build, debug, test and deploy a smart contract to a test networl
Create an end-to-end decentralized Application from scratch : a NFT marketplace to list, buy and sell Tokens
Write, compile and deploy smart contracts to the Remix VM (London) and a test network (Goerli)
Setting up a Metamask's Crypto Wallet as a gateway to the Ethereum blockchain, where you can buy and sell digital assets.
Learn the basics of Solidity : smart contract, solidity compiler, mapping, global variables, compile, deploy, abi, bytecodes
Requirements
Understand the basics of programming and web development
Experience with building frontend applications
Experience with a statically typed language : Java, Swift …
A first experience with a javascript and front library is recommanded : React, Vue
Description
Welcome to the Complete Guide to Fullstack Web3 development to build a complete NFT marketplace, from back to front with Solidity, Truffle, ethers.js, IPFS, Reactjs.In this in depth tutorial you learn Ethereum dApp Programming with the tools, protocols, and frameworks for building full stack web3 apps to :list, buy and sell a NFT (Non-fungible tokens) How to implement the ERC721 standards (OpenZeppelin) to create unique Non-Fungible TokenHow to get Testnet ETH to test and deploy your DAppHow to authenticate users with the Metamask digital Wallet (Browser extension)Use IPFS to store assets with the Pinata APIWhat's included in this Fullstack Web3 and Ethereum Blockchain class ?1)  Smart Contract developpment with Solidity Write a smart contract with Solidity and Remix IDEImplement the ERC-721 token and standards from the OpenZeppelin libraryCompile and deploy to the Remix Virtual VM and the Goerli TestnetConnect with the Metamask Wallet and get Testnet ETH2) End to End development with Truffle suiteTruffle Suite : installation and create a new projectTesting, compiling and deploy to an Ethereum Tesnet (Goerli)Verify and publish your smart contract with the Etherscan API3) Decentralized Application (DApp) with the React.js library and Bootstrap 5.1Upload images to the IPFS (InterPlanetary File System) with the Pinata APIInteract with the Ethereum Blockchain and smart contracts with the Ethers.js libraryDevelop elegant and responsive user interfaces with React.js and Bootstrap 5 (v5.1)Who is this class for ?Anyone willing to start a career in Blockchain and DApp developpmentAnyone interested in Blockchain technologies and its applicationsSome things to keep in mind:The focus of this tutorial will be on building the smart contract and not building the frontend. However, the frontend code for an NFT marketplace is available for download and on GithubNo backend or database is involved in this tutorialJoin me NOW in the class to learn Fullstack Web3 development with a simple and guided example, from start to finish.– Sandy

Overview

Section 1: Introduction

Lecture 1 Introduction

Section 2: Getting Started: setting up the environment and Tools

Lecture 2 The technologies and tools used

Section 3: Write the NFT smart contracts and implement the ERC-721 standard

Lecture 3 discover and use Remix IDE

Lecture 4 write a smart contract in Solidity

Lecture 5 The OpenZeppelin Library : ERC721 standard

Lecture 6 NFT smart contract : mint function

Lecture 7 NFT.sol - FINAL {source code}

Lecture 8 The Marketplace.sol Smart Contract

Lecture 9 Marketplace smart contract : listNFT function

Lecture 10 Online ETH Converter

Lecture 11 tokenUris

Lecture 12 Compile and deploy the smart contract to Remix VM (London)

Lecture 13 Marketplace smart contract : buyNFT function

Lecture 14 Marketplace.sol - {source code}

Lecture 15 Marketplace smart contract : sellNFT function

Lecture 16 Marketplace.sol - FINAL {source code}

Section 4: Connect Metamask Wallet, get ETH tokens, deploy to testnet

Lecture 17 Set up Metamask Wallet

Lecture 18 IMPORTANT - Copy and save the seed phrase somewhere safe !!

Lecture 19 Available Faucets online to get free ETH

Lecture 20 Get ETH from faucets

Lecture 21 etherscan.io : Ethereum Blockchain Explorer

Lecture 22 Deploy to the Goerli Test network

Section 5: Truffle suite, Web3 and Infura API : new developpement project

Lecture 23 Getting Started with Truffle suite : overview & documentation

Lecture 24 Getting Started with Truffle suite : installation & create a new project

Lecture 25 Create a First Project - commands

Lecture 26 install : @truffle/hdwallet-provider

Lecture 27 Getting started with INFURA : create a new account and a config file

Lecture 28 truffle.config.js {source code}

Lecture 29 Compile and deploy to Goerli tesnet

Lecture 30 Verify and publish your smart contracts on the Etherscan Blockchain Explorer

Lecture 31 Publish and verify contract on etherscan : truffle-plugin-verify and API-key

Lecture 32 Download the source code

Section 6: Create a Truffle project, Compile, Migrate and Publish to etherscan.io

Lecture 33 Introduction & Learning Objectives

Lecture 34 (GUIDE) - create a new truffle project

Lecture 35 create a new truffle project : create and compile

Lecture 36 deploy the marketplace contract

Lecture 37 truffle-config.js and secret files

Lecture 38 deploy the NFT contract

Lecture 39 Publish and verify on the Etherscan Blockchain Explorer

Lecture 40 Download the source code

Section 7: React front end development : create a Decentralized Application (DApp)

Lecture 41 React.js : prerequisites, getting started

Lecture 42 Download the starter project

Lecture 43 Getting started with the Fullstack app : OpenZeppelin, Truffle, etherscan …

Lecture 44 Getting started with the React DApp : react, axios, ethers.js, IPFS

Section 8: Pinata API : upload to IPFS - Interplanetary File System

Lecture 45 Download the starter project + Learning Objectives

Lecture 46 Pinata API : create a new account

Lecture 47 Pinata API : create an API KEY

Lecture 48 Pinata API : connect to the API

Lecture 49 Pinata API : pinning a FILE

Lecture 50 Pinata API : upload to IPFS

Lecture 51 Pinata API : pinning and upload to IPFS {source code}

Lecture 52 Pinata Gateway : links and resources

Section 9: Fullstack DApp : Ethers.js, IPFS, React.js and Bootstrap

Lecture 53 Download the starter project + libraries

Lecture 54 Ethers : Install & documentation

Lecture 55 get contract's instance

Lecture 56 utils fonction : balanceInEth

Lecture 57 connect Metamask Wallet

Lecture 58 interact with the smart contract : mintNFT

Lecture 59 interact with the smart contract : listNFT

Lecture 60 interact with the smart contract : view NFT

Lecture 61 Download source code

Lecture 62 interact with the smart contract : buy Tokens

Lecture 63 interact with the smart contract : sell Tokens

Lecture 64 all ethers handlers.js

Lecture 65 interact with the smart contract : sell Tokens 2/2

Lecture 66 final lines of codes and last words

Lecture 67 Download the source code

Anyone interested in building a DApp and a NFT marketplace,Students in Web development and software engineering