Create an NFT Minting dApp with Cudos NFT Native Module

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • reified-nfts

    Reified NFT Project Tutorial

  • This repository contains the finished project.

  • cudos-node

    CUDOS blockchain node

  • generateMsg’s parameters are : a string msgName and params, an object containing the message’s properties. The provided msgName must correspond to the ones exposed by our blockchain application interface, See https://github.com/CudoVentures/cudos-node on Github.

  • SurveyJS

    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.

    SurveyJS logo
  • react-hook-form

    📋 React Hooks for form state management and validation (Web + React Native)

  • command dependency function npm i cudosjs https://www.npmjs.com/package/cudosjs A JavasSript Open Source Library for https://cudos.org/  network npm i react-router-dom https://www.npmjs.com/package/react-router-dom It contains bindings for the routing library for React npm i react-hook-form https://www.npmjs.com/package/react-hook-form Performant, flexible and extensible forms with easy to use validation. npm i zod https://www.npmjs.com/package/zod A type declaration and validation library. We use it to declare and validate the data type of the forms used in NFT minting. npm i @hookform/resolvers https://github.com/react-hook-form/resolvers allows you to use an external validation library with React hook form npm i @mui/material @mui/lab @emotion/react @emotion/styled https://mui.com/material-ui/getting-started/overview/ for component styling Material UI is an open-source React component library that implements Google's https://m2.material.io/ . npm i notistack https://www.npmjs.com/package/notistack For snack bar notification npm i @fontsource/poppins Poppins font Poppins font via Fontsource npm i @keplr-wallet/types npm install @esbuild-plugins/node-globals-polyfill To make the Node module Buffer available in our project

  • resolvers

    📋 Validation resolvers: Yup, Zod, AJV, Joi, Superstruct, Vest, class-validator, io-ts, typanion, Ajv, TypeBox, Valibot and nope.

  • command dependency function npm i cudosjs https://www.npmjs.com/package/cudosjs A JavasSript Open Source Library for https://cudos.org/  network npm i react-router-dom https://www.npmjs.com/package/react-router-dom It contains bindings for the routing library for React npm i react-hook-form https://www.npmjs.com/package/react-hook-form Performant, flexible and extensible forms with easy to use validation. npm i zod https://www.npmjs.com/package/zod A type declaration and validation library. We use it to declare and validate the data type of the forms used in NFT minting. npm i @hookform/resolvers https://github.com/react-hook-form/resolvers allows you to use an external validation library with React hook form npm i @mui/material @mui/lab @emotion/react @emotion/styled https://mui.com/material-ui/getting-started/overview/ for component styling Material UI is an open-source React component library that implements Google's https://m2.material.io/ . npm i notistack https://www.npmjs.com/package/notistack For snack bar notification npm i @fontsource/poppins Poppins font Poppins font via Fontsource npm i @keplr-wallet/types npm install @esbuild-plugins/node-globals-polyfill To make the Node module Buffer available in our project

  • notistack

    Highly customizable notification snackbars (toasts) that can be stacked on top of each other

  • command dependency function npm i cudosjs https://www.npmjs.com/package/cudosjs A JavasSript Open Source Library for https://cudos.org/  network npm i react-router-dom https://www.npmjs.com/package/react-router-dom It contains bindings for the routing library for React npm i react-hook-form https://www.npmjs.com/package/react-hook-form Performant, flexible and extensible forms with easy to use validation. npm i zod https://www.npmjs.com/package/zod A type declaration and validation library. We use it to declare and validate the data type of the forms used in NFT minting. npm i @hookform/resolvers https://github.com/react-hook-form/resolvers allows you to use an external validation library with React hook form npm i @mui/material @mui/lab @emotion/react @emotion/styled https://mui.com/material-ui/getting-started/overview/ for component styling Material UI is an open-source React component library that implements Google's https://m2.material.io/ . npm i notistack https://www.npmjs.com/package/notistack For snack bar notification npm i @fontsource/poppins Poppins font Poppins font via Fontsource npm i @keplr-wallet/types npm install @esbuild-plugins/node-globals-polyfill To make the Node module Buffer available in our project

  • cosmos-sdk

    :chains: A Framework for Building High Value Public Blockchains :sparkles:

  • 💡 GasMultiplier Instead of specifying the gas price, you may use the "gas": "auto” so that the blockchain application automatically estimates gas for you before submitting the transaction into the network for consensus with the estimate. This is why we include the gasMultiplier. By providing the gas multiplier you are specifying that the gas estimate should be multiplied by this number to account for possible changes in the gas fee estimate and the eventual gas fee. See The estimate is not always the exact gas required for the transaction execution.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts