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 Sep, 2023
Language - English
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
Goals
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
Prerequisites
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
Curriculum
Check out the detailed breakdown of what’s inside the course
Introduction
1 Lectures
-
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
Javascript and Web DeveloperHello
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.
Our students work
with the Best
Related Video Courses
View MoreAnnual Membership
Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses
Subscribe now
Online Certifications
Master prominent technologies at full length and become a valued certified professional.
Explore Now