NFT App

How to create your own NFT and mint NFT token

Blockchain & Cloud ComputingTypeScriptMIT

Abstract

NFT App is an open-source Blockchain & Cloud Computing project. How to create your own NFT and mint NFT token. It is built using TypeScript, React, Web3, Hardhat. Key capabilities include: React TypeScript template with Vite 5; Hardhat - Ethereum development environment for professionals; TypeChain Hardhat plugin - Automatically generate TypeScript bindings for smartcontracts while using Hardhat. The complete source code is publicly available on GitHub under the MIT License, making it a useful reference for students building a Blockchain & Cloud Computing mini project or final-year project.

1. Introduction

How to create your own NFT and mint NFT token

2. Objective

How to create your own NFT and mint NFT token

This project demonstrates how TypeScript, React, Web3 can be applied to a real-world Blockchain & Cloud Computing problem.

3. Key Features / Modules

  • React TypeScript template with Vite 5
  • Hardhat - Ethereum development environment for professionals
  • TypeChain Hardhat plugin - Automatically generate TypeScript bindings for smartcontracts while using Hardhat.
  • web3-react - A simple, maximally extensible, dependency minimized framework for building modern Ethereum dApps
  • daisyUI Tailwind CSS Components - clean HTML with component classes
  • OpenZeppelin - standard for secure blockchain applications

4. Technology Stack

TypeScriptReactWeb3Hardhat

5. System Requirements

General requirements for this technology stack — check the README for exact versions.

  • Node.js (LTS) and npm / yarn / pnpm
  • VS Code or any code editor
  • Git (to clone the repository)

6. Installation & Setup

git clone https://github.com/jellydn/nft-app.git
cd nft-app
  1. Sign up and earn $100 in credit on alchemy. More detail here.
  2. Send some ETH to your wallet https://faucet.dimensions.network/
  3. Mint some NFT tokens
yarn install
npm i -g hardhat-shorthand
hardhat-completion install
hh run scripts/deploy.ts --network rinkeby
Generating typings for: 0 artifacts in dir: src/types for target: ethers-v5
Successfully generated 3 typings!
Successfully generated 3 typings for external artifacts!
MyAwesomeLogo deployed to: 0x39a5079afE9F3e3bB4db1B943e2063AC3dc87251
owner 0x096cd10D7BEF8D5923b18b18E9f79CA230ee2285

Full setup instructions are in the project README.

7. Future Enhancements

Suggested extensions you can add to make this your own project.

  • Add a CI/CD pipeline with GitHub Actions
  • Deploy to a public test network or cloud free tier
  • Add monitoring and cost alerts

8. Viva / Review Questions

Common questions examiners ask for projects in this domain.

  1. Why does this problem need a blockchain or cloud-native design?
  2. Explain the smart contract / infrastructure components and how they interact.
  3. How are gas costs or cloud costs kept under control?
  4. How is the system secured (keys, IAM, access control)?
  5. How would the solution scale to many more users?

9. Source Code & License

This project is developed by jellydn and published on GitHub under the MIT License. Please follow the license terms and credit the original author when you use or modify this code.

View Source on GitHubDownload ZIP

Want to build this as your internship project?

Work on a Blockchain & Cloud Computing project like this with mentor guidance, weekly reviews and an internship certificate from Training Trains, Erode — online or offline.

Apply for Blockchain & Cloud Computing Internship