Course Information
- Available
- *The delivery and distribution of the certificate are subject to the policies and arrangements of the course provider.
Course Overview
Build Web3 NFT Marketplace on Ethereum with React/Next, Solidity, Pinata (IPFS) + TypeScript. Covers Polygon & Solana.
What is this course covering?
NFT Marketplace: This application will guide you through the complete development process of an NFT marketplace. It covers various topics, including NFT development and uploading images/files to the Pinata IPFS network.
Adopt Pet: As a bonus section focusing on React JS, this section utilizes Hardhat for smart contract management and deployment to the Polygon network.
Solana NFT Minting App: This bonus section teaches you to build an NFT minting application on Solana using React, TypeScript, and the Metaplex Umi framework. You'll integrate Solana wallet adapters, create NFT metadata, and mint tokens on the Solana devnet.
This course covers the essentials for developing a decentralized NFT application based on the ERC721 standard. Students will gain practical knowledge by creating a real-world NFT application.
The course guides students in understanding ERC721 smart contracts and provides hands-on experience in their creation.
For the development of dApps covered in the course, the front end is built using the React JS library and the Next JS framework. CSS and design aspects are implemented using the Tailwind framework
As an additional component, the course includes a bonus section dedicated to developing a pet adoption application. This application will be created using React JS and Hardhat for managing and deploying smart contracts. The final product will be deployed to the Polygon blockchain later.
NFT Marketplace Application:
This course teaches the creation of an interactive NFT marketplace where clients can purchase NFTs using Ether. The application is built with Next JS and React JS, utilizing the Tailwind CSS framework for styling. Students will learn to integrate Web3 JS code for blockchain communication and use the Provider/Consumer concept for accessibility across components. The course also covers implementing smart contracts following the ERC721 token standard.
Additionally, students will explore data management using the SWR library and learn to store NFT metadata on Pinata (IPFS) storage. They will gather and submit data from forms, establishing the crucial link between metadata and NFT creation. The course provides comprehensive guidance on building an NFT marketplace, from setup to smart contract implementation and data handling.
The most mentionable topics covered in this application are:
Integration of Next JS with Web3 and the blockchain
Achieving reactivity using Hooks and SWR
Creation of an NFT (ERC721) smart contract
Manipulation and storage of NFT data on Pinata
Utilization of Typescript for development
Adopt Pet Application:
As an additional component, this section consolidates the knowledge you have acquired in the course and applies it to a React JS app. Hardhat is utilized for smart contract management, ensuring a clean and straightforward application architecture.
The emphasis is on minimal design and simplicity. By the end of this section, you will have the opportunity to deploy a smart contract to the Polygon blockchain.
Next.js gives you the best developer experience with all the features you need for production: hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, etc. No config is necessary.
Ethereum is a technology that lets you send cryptocurrency to anyone, but in the first place, It also powers applications that everyone can use and no one can takedown. It's the world's programmable blockchain.
Solidity is an object-oriented, high-level language for implementing smart contracts. Smart contracts are programs that govern the behavior of accounts within the Ethereum state.
Pinata is a pinning service that allows users to host files on the IPFS network. The InterPlanetary File System (IPFS) is a protocol and peer-to-peer network for storing and sharing data in a distributed file system.
Solana NFT Minting App (Bonus Section):
This bonus section introduces you to building NFT applications on the Solana blockchain. You'll create a React-based minting app using TypeScript and the Metaplex Umi framework, allowing users to connect their Solana wallet, upload artwork, and mint NFTs directly on the Solana devnet.
Key topics covered:
Integrating Solana wallet adapters with React
Building NFT minting workflows using Metaplex Umi SDK
Creating NFT metadata following Solana standards
Handling blockchain transactions and wallet signatures
Working with decentralized storage for NFT assets
By completing this section, you'll expand your Web3 development skills beyond Ethereum and gain practical experience with the high-performance Solana ecosystem. This broadens your ability to build NFT applications across multiple blockchain platforms.
Course Content
- 28 section(s)
- 208 lecture(s)
- Section 1 Introduction
- Section 2 Setting Environment
- Section 3 NFT Components
- Section 4 Pages and Layouts
- Section 5 Web3 Provider
- Section 6 Ganache & Truffle
- Section 7 Web3 Hooks
- Section 8 Account Hook
- Section 9 Network Hook
- Section 10 Mint Token - Smart Contract
- Section 11 Buy NFT
- Section 12 Add Token to All Enumeration
- Section 13 Add token to owned enumeration
- Section 14 Remove token from owned enums
- Section 15 Remove token from all enums
- Section 16 Place NFT on sale
- Section 17 Use Listed NFTs
- Section 18 Get NFT Data
- Section 19 Get Owned NFTs
- Section 20 Purchase NFT
- Section 21 Handle NFT Form
- Section 22 Verify Address
- Section 23 Upload Image
- Section 24 Create a NFT
- Section 25 Last Improvements
- Section 26 Deployment
- Section 27 Bonus: Adopt Pet (Hardhat & Polygon)
- Section 28 Bonus: Solana NFT App
What You’ll Learn
- Build an authentic NFT marketplace on Ethereum
- Understand complex topics in practical and fun way
- Get complete toolkit to work with any Blockchain
- Develop a real app on the Ethereum, Polygon and Solana Blockchain
Skills covered in this course
Reviews
-
MMrs Asma Mistadi
Excellent explanations, clear and amazing work. Thank you I learned a lot .
-
DDanny Rivera
Great tutorial for those who want to get up and running quickly. The instructor was outstanding on responding back to any questions I had.
-
PPrateush Sharma
lots of error which i have to resolve myself
-
FFazanna
Filip has done a wonderful job teaching his students, in great detail - NFTs, React and Typescript development. His passion for the subject is second to none and he delivers the course in an knowledgeable manner, I particularly enjoyed the Additional Information (AI) which gave EXTRA INSIGHT to build a strong solid foundation in Solidity programming!... Furthermore Filip has also updated this course to take into account changes on the Ethereum network. Please do yourself a big favor and buy Solidity & Ethereum in React (Next JS): The Complete Guide with this course... AND you will be a BLOCKBUSTER A+ blockchain developer. One of the best courses on Udemy Period! THANK YOU Filip!