Fullstack Web3 - Build an NFT Marketplace DApp on Ethereum

person icon Sandra L

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

updated on icon Updated on Sep, 2023

language icon Language - English

person icon Sandra L

architecture icon Development,Web Development,NFT (Non-Fungible Tokens)


30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 19,000+ top Tutorialspoint courses anytime, anywhere.

Course 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, and 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 an 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 development 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 deploying 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 development

  • Anyone interested in Blockchain technologies and their applications

Some things to keep in mind:

  • The focus of this tutorial will be on building the smart contract and not building the front end.

  • 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 an NFT marketplace
  • Students in Web development and software engineering


What will you learn in this course:

  • Discover the Truffle to build, debug, test, and deploy a smart contract to a test network

  • Create an end-to-end decentralized Application from scratch: an 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


What are the prerequisites for this course?

  • 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 font library is recommended: React, Vue

Fullstack Web3 - Build an NFT Marketplace DApp on Ethereum


Check out the detailed breakdown of what’s inside the course

1 Lectures
  • play icon Introduction 01:05 01:05
Getting Started: setting up the environment and Tools
1 Lectures
Write the NFT smart contracts and implement the ERC-721 standard
10 Lectures
Connect Metamask Wallet, get ETH tokens, deploy to testnet
3 Lectures
Truffle suite, Web3 and Infura API : new developpement project
7 Lectures
Create a Truffle project, Compile, Migrate and Publish to etherscan.io
5 Lectures
React front end development : create a Decentralized Application (DApp)
4 Lectures
Pinata API : upload to IPFS - Interplanetary File System
6 Lectures
Fullstack DApp : Ethers.js, IPFS, React.js and Bootstrap
10 Lectures

Instructor Details

Sandra L

Sandra L

Javascript and Web Developer


I 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.

Course Certificate

User your certification to make a career change or to advance in your current career. Salaries are among the highest in the world.

sample Tutorialspoint certificate

Our students work
with the Best

Related Video Courses

View More

Annual Membership

Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses

Subscribe now
People having fun around a laptop

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
People having fun around a laptop

Talk to us