Fullstack Web3 - Build an NFT Marketplace DApp on Ethereum

Focused View

Sandy Ludosky

4:15:24

145 View

1 - Introduction

1 - Introduction.mp4

01:04

2 - Getting Started setting up the environment and Tools

2 - The technologies and tools used.html

3 - Write the NFT smart contracts and implement the ERC721 standard

3 - discover and use Remix IDE.mp4

03:28

4 - write a smart contract in Solidity.mp4

07:05

5 - The OpenZeppelin Library ERC721 standard.html

6 - NFT smart contract mint function.mp4

07:22

7 - NFTsol FINAL source code.html

8 - The Marketplacesol Smart Contract.html

9 - Marketplace smart contract listNFT function.mp4

10:44

10 - Online ETH Converter.html

11 - tokenUris.html

12 - Compile and deploy the smart contract to Remix VM London.mp4

09:37

13 - Marketplace smart contract buyNFT function.mp4

09:13

14 - Marketplacesol source code.html

15 - Marketplace smart contract sellNFT function.mp4

09:01

16 - Marketplacesol FINAL source code.html

4 - Connect Metamask Wallet get ETH tokens deploy to testnet

17 - Set up Metamask Wallet.mp4

07:39

18 - IMPORTANT Copy and save the seed phrase somewhere safe.html

19 - Available Faucets online to get free ETH.html

20 - Get ETH from faucets.mp4

06:43

21 - etherscanio Ethereum Blockchain Explorer.html

22 - Deploy to the Goerli Test network.mp4

06:11

5 - Truffle suite Web3 and Infura API new developpement project

23 - Getting Started with Truffle suite overview & documentation.mp4

02:26

24 - Getting Started with Truffle suite installation & create a new project.mp4

07:17

25 - Create a First Project commands.html

26 - install trufflehdwalletprovider.html

27 - Getting started with INFURA create a new account and a config file.mp4

07:20

28 - truffleconfigjs source code.html

29 - Compile and deploy to Goerli tesnet.mp4

07:45

30 - Verify and publish your smart contracts on the Etherscan Blockchain Explorer.mp4

09:27

31 - Publish and verify contract on etherscan trufflepluginverify and APIkey.html

32 - Download the source code.html

32 - new-dapp.zip

6 - Create a Truffle project Compile Migrate and Publish to etherscanio

33 - Introduction & Learning Objectives.html

34 - GUIDE create a new truffle project.html

35 - create a new truffle project create and compile.mp4

07:49

36 - deploy the marketplace contract.mp4

06:38

37 - truffleconfigjs and secret files.html

38 - deploy the NFT contract.mp4

04:44

39 - Publish and verify on the Etherscan Blockchain Explorer.mp4

11:23

40 - Download the source code.html

40 - mkt-project.zip

7 - React front end development create a Decentralized Application DApp

41 - Reactjs prerequisites getting started.html

42 - DApp-starter.zip

42 - Download the starter project.html

43 - Getting started with the Fullstack app OpenZeppelin Truffle etherscan.mp4

09:34

44 - Getting started with the React DApp react axios ethersjs IPFS.mp4

09:34

8 - Pinata API upload to IPFS Interplanetary File System

45 - DApp-starter.zip

45 - Download the starter project Learning Objectives.html

46 - Pinata API create a new account.mp4

02:51

47 - Pinata API create an API KEY.mp4

03:48

48 - Pinata API connect to the API.mp4

02:57

49 - Pinata API pinning a FILE.mp4

10:37

50 - Pinata API upload to IPFS.mp4

07:30

51 - Pinata API pinning and upload to IPFS source code.html

51 - final.zip

52 - Pinata Gateway links and resources.html

9 - Fullstack DApp Ethersjs IPFS Reactjs and Bootstrap

53 - DApp-starter.zip

53 - Download the starter project libraries.html

54 - Ethers Install & documentation.mp4

06:35

55 - get contracts instance.html

56 - utils fonction balanceInEth.html

57 - connect Metamask Wallet.mp4

08:19

58 - interact with the smart contract mintNFT.mp4

09:37

59 - interact with the smart contract listNFT.mp4

10:27

60 - interact with the smart contract view NFT.mp4

10:20

61 - Download source code.html

61 - source-code.zip

62 - interact with the smart contract buy Tokens.mp4

06:17

63 - interact with the smart contract sell Tokens.mp4

03:38

64 - all ethers handlersjs.html

65 - interact with the smart contract sell Tokens 22.mp4

07:58

66 - final lines of codes and last words.mp4

02:26

67 - Download the source code.html

67 - final.zip

Description

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

Who is this for?

Anyone interested in building a DApp and a NFT marketplace

Students in Web development and software engineering

More details

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 :
mint, list, buy and sell a NFT (Non-fungible tokens)
How to implement the ERC721 standards (OpenZeppelin) to create unique Non-Fungible Token
How to get Testnet ETHÂ to test and deploy your DApp
How to authenticate users with the Metamask digital Wallet (Browser extension)
Use IPFS to store assets with the Pinata API
What's included in this Fullstack Web3 and Ethereum Blockchain class ?
1)Â Smart Contract developpment with Solidity
Write a smart contract with Solidity and Remix IDE
Implement the ERC-721 token and standards from the OpenZeppelin library : mint NFT
Compile and deploy to the Remix Virtual VMÂ and the Goerli Testnet
Connect with the Metamask Wallet and get Testnet ETH
2)Â End to End development with Truffle suite
Truffle Suite : installation and create a new project
Testing, compiling and deploy to an Ethereum Tesnet (Goerli)
Verify and publish your smart contract with the Etherscan API
3) Decentralized Application (DApp) with the React.js library and Bootstrap 5.1
Upload images to the IPFS (InterPlanetary File System)Â with the Pinata API
Interact with the Ethereum Blockchain and smart contracts with the Ethers.js library
Develop 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 developpment
Anyone interested in Blockchain technologies and its applications
Some 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 Github
No backend or database is involved in this tutorial
Join me NOW in the class to learn Fullstack Web3 development with a simple and guided example, from start to finish.
-- Sandy
Who this course is for:
Anyone interested in building a DApp and a NFT marketplace
Students in Web development and software engineering

User Reviews

Rating

average 0

Total votes0

Focused display

HelloI am Sandy, freelance web and mobile Developer based out of Toronto, in Ontario, Canada, I specialize in Front-End development with HTML, CSS, CSS3 Animation, Sass, Javascript and JQuery. I love creating beautiful, professional and user-friendly websites using the Adobe Creative Suite: Photoshop, Illustrator and Flash to name a few. I am also keen on Web marketing, Web analytics, Visual Design, Video Editing, Photography and WordPress development. On top of being a Udemy instructor, I am an avid learner of new technologies and digital stuff. *****************************Bonjour,Je suis Sandy, développeur javascript. Je suis passionnée de développement Front (HTML, CSS, CSS3 Animation, Sass, Javascript et ReactJS...).Mes autres intérêts sont le graphisme et motion design. Je suis également passionnée de conception visuelle, montage vidéo, photographie et gaming.Venez rejoindre ma communauté de 20k+ apprenants. Je publie régulièrement pour enrichir mon catalogue de nouveaux contenus. Depuis 2014, je partage mes connaissances, aussi bien en français qu'en anglais, sur les technologies Front et javascript qui ne cessent d'évoluer et d'offrir de nouvelles fonctionnalités pour faciliter notre réussite dans ce beau métier du développement et de la transformation digitale.Salutations !

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.