Build An Nft Marketplace From Scratch Blockchain Dapp

Learn Professional Dapp Development - Solidity & Javascript - with Nextjs, IPFS, Hardhat, OpenZeppelin, Ethers, Tailwind

Last updated 2022-01-10 | 4.4

- Become able to create a professional NFT Marketplace using NextJs
- Hardhat
- OpenZeppelin
- and Ethers
- Code along and improve Javascript & Solidity skills for smart contracts and blockchain on the front and back end
- Professional Blockchain techniques working with the Ethereum & Polygon network as well as the ethers library

What you'll learn

Become able to create a professional NFT Marketplace using NextJs
Hardhat
OpenZeppelin
and Ethers
Code along and improve Javascript & Solidity skills for smart contracts and blockchain on the front and back end
Professional Blockchain techniques working with the Ethereum & Polygon network as well as the ethers library
Practice Functional Programming with react Hooks to professionally organize state in applications
Get support and make connections online with an active focused community with developers and mentors
Improve User Inteface Design skills for modern looking applications with CSS and powerful styling libaries

* Requirements

* Basic Javascript and Solidity is recommended along with frameworks such as React and OpenZeppelin

Description

Learn full stack DApp Development by building out from scratch to completion an NFT Marketplace (for minting, buying and selling NFTs live with IPFS data hosting) onto Polygon as a layer 2 Ethereum Solution using the best modern tools and languages.   

Join in early on an exciting technology implementing global changes to multiple industries and businesses with DApps.

This is the course you've been looking for to get the full picture and functionality for DApp development and what it takes to succeed from testing to successful deployments and  upgrades. Are you interested in writing your own Smart Contracts in the context of building a complete DApplication with NextJs and Ethers?

Do you want to learn about Hardhat and Infura, very powerful DApp development tools for connection blockchain to the front end? Do you prefer as a learner to jump right into project and save valuable time by building along a project and advancing your knowledge by being hands on? If so, then this is perfect course is for you!

In this course we build a complete NFT Marketplace DApp from start to finish. Every line of code we write is coded out live in real time and explained (we even go deep into the libraries and frameworks and connect the dots). We start off by installing and initializing everything we need to build a DApp with a local development environment and run through each dependency and library and break it all down. Once we're nice and warmed up, we immediately dive into demonstrating and reverse engineering a fully functional NFT Marketplace example from Nader Dabit.

What you will learn in this course:

  • Setting up the DApp development environment

  • Create a Nextjs app using the create-next-app utility to recompose the React library

  • Compile and Deploy Smart Contracts to Blockchain with Hardhat functionality

  • Implementing industry standard NFT smart contracts for DApps with the ERC721 OpenZeppelin Contracts

  • Using functional programming to maintain DApp state

  • IPFS data hosting with Infura Blockchain Suite Project Management

  • Implementing an NFT Minting form on the front end to lock in Metadata and Files for the DApp

  • Looping, iterating, and filtering through hash tables with Javascript and Solidity

  • Modern Card Design and UI with Tailwind and CSS

  • Hooking up a web3 provider to the Polygon and Ethereum network

  • Running full unit testing with Chai

  • And much more along the way! 

Course Set up and Tools

This course develops its DApp project and source code with Visual Studio Code, a free (and pretty sweet) text editor for code. You can of course use your preferred IDE and any operating system you like... well as long as it's either Max OSX, Windows or Linux.

Is this the right course for you?

This course is straight to the point, time sensitive, and focuses on completing the project at hand (the reasons and explanations for the code and how it works) as the primary. Pretty much all of this course in its entirety is just building out our DApp NFT Marketplace and stopping to explain the techniques and library connections along the way. If you are the type of person who gets the most out of learning 'by doing', then this course will be for you.

It's important to please note that we do not start from zero coding knowledge. While you can jump in with beginner or intermediate skill level, you will need to have some basic JavaScript, web development and blockchain knowledge (please see my complete Solidity Course from Zero to Expert if you wish to start at the very beginning). If you have web development experience with other frameworks and languages besides React or JS then you should be fine as well. This course is essentially a demonstration on all the modern tools and patterns required to build a successful Dapp that you can then easily deploy on Blockchain's main network.


Who this course is for:

  • Developers who have familiarity with Javascript and Soldiity and who want to learn how to build a DApplication and Blockchain
  • Developers who want to learn how to use Hardhat to write, Deploy and Compile Smart Contracts onto Blockchain
  • Learn the Solidity techniques that are used by professional in blockchain: test network deployment, IDE, debugging and compiling.
  • Professional or Amateur interested in starting their own NFT Marketplace and are looking for a professional fullstack build template with learning explanations along the way

Course content

4 sections • 37 lectures

Important Quick Note Preview 00:46

What is a DApp - Basic Definition Preview 03:02

The DApp Problem Solving Statement Preview 02:17

How Does A DApp Fundamentally Work Preview 03:48

What Are The Benefits of DApps Preview 03:11

Dapp Vulnerabilities Preview 02:15

DApp Examples Preview 02:50

OpenSea - Functionality Case Study Preview 02:42

Dapp Overview Preview 02:00

NFT Marketplace Overview - Reference Preview 06:03

Welcome to the beginning of our journey!

Now that you've gone through the fundamentals it's time to get our local environment set up and dive right in!

Attached to this note you will the final project code solution.

Please feel free to use the final code project if you get stuck somewhere and you've already exhausted our Online Discord Community and you need a reference. Remember, the node modules are not downloaded and you will have some configs if you want to get it working and check, but all the final code is attached fresh from the project that I've coded along with you from beginning to end and have it running nicely.

Again, my advice however is not to spoil the real effort here and just keep building and just keep this under your belt BUT please feel free to do as you please because we all have our own time commitments and personal goals, that being said! 

Alright, so our KryptoBirdz NFT Marketplace await us and a brand new future internet unknown lies before our path ahead. There is no time like the present ;) 

Good luck with your work and I'll see you in the next lesson!  

Download DApp Project Dependancies Preview 09:18

Complete NFT Project Structure Overview Preview 10:09

Hardhat & Infura Blockchain Configurations Preview 10:59

Setting Up MetaMask & Private Key Access Preview 06:08

Minting NFT Smart Contract Functionality Preview 15:39

NFT Market Smart Contract Part I Preview 20:08

DApp Smart Contracts Part II Preview 10:27

DApp Smart Contracts Part III Preview 09:05

DApp Smart Contracts Part IV - Fetching NFTs Preview 09:02

DApp Smart Contract Part IV - Full Review Preview 06:07

Full Testing - DApp Smart Contract Market Preview 13:00

Hardhat Compiling NFTs & Running Tests Preview 09:20

DApp Application UI & Styling Preview 12:42

Styling The DApp UI Preview 06:57

Deploying Smart Contracts & Running A Local Blockchain Preview 14:35

Loading NFTs To The Market Function Preview 10:43

Buy NFTs Function Preview 05:48

Mapping Out NFTs with Tailwind & NexJs Preview 13:34

File Hosting with IPFS Preview 11:23

Minting NFTs Final Functionality Preview 13:17

Front End Form For Blockchain Interaction Preview 09:39

Let's Mint our First NFT with the DApp! Preview 09:22

Debugging The Front End - Javascript & Web Dev Tools Preview 04:21

Display Purchased NFTs on DApp Preview 11:49

Final DApp Code Part I - Dashboard Page Preview 07:41

Final DApp Code Part II - Final Conclusion Preview 05:52

One Last Chance to Make This Course Better for Your Permanent Learning Library Preview 01:46