Build an entire NFT Collection on Ethereum using Solidity, Next.js, Web3Modal, Ethers.js

• Whitelist-Dapp

  1 53 0.0 JavaScript
  

You should have completed the Whitelist dApp tutorial

• openzeppelin-contracts

  234 24,174 9.5 JavaScript

  OpenZeppelin Contracts is a library for secure smart contract development.

  

We would also be using Ownable.sol from Openzeppelin which helps you manage the Ownership of a contract

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• web3modal

  21 4,660 9.7 TypeScript

  A single Web3 provider solution for all Wallets

  

Now lets install Web3Modal library(https://github.com/Web3Modal/web3modal). Web3Modal is an easy-to-use library to help developers add support for multiple providers in their apps with a simple customizable configuration. By default Web3Modal Library supports injected providers like (Metamask, Dapper, Gnosis Safe, Frame, Web3 Browsers, etc), You can also easily configure the library to support Portis, Fortmatic, Squarelink, Torus, Authereum, D'CENT Wallet and Arkane. Open up a terminal pointing atmy-app directory and execute this command

• NFT-Collection

  2 90 0.0 JavaScript
  

In your public folder, download this folder and all the images in it (https://github.com/LearnWeb3DAO/NFT-Collection/tree/main/my-app/public/cryptodevs). Make sure that the name of the downloaded folder is cryptodevs

• hardhat

  126 6,796 9.9 TypeScript

  Hardhat is a development environment to compile, deploy, test, and debug your Ethereum software.

  

To build the smart contract we would be using Hardhat. Hardhat is an Ethereum development environment and framework designed for full stack development in Solidity. In simple words you can write your smart contract, deploy them, run tests, and debug your code.

• InfluxDB

  www.influxdata.com featured

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

Suggest a related project