Practical overview
When it fits
Use it when you want to study or adapt a code-based Ethereum NFT app, rather than use a standalone hosted minting service.
Who it is for
- Developers learning how to create and mint NFT tokens.
- Builders seeking a React and TypeScript starting point for an Ethereum NFT dApp.
Documented uses
- Explore an example NFT contract, test and deployment script.
- Set up and start the web app locally.
- Adapt a sample workflow for deploying an NFT contract and minting tokens.
Requirements & limits
The repository is public and displays an MIT license badge.
- The frontend uses React and Vite 5; the documented Ethereum development stack includes Hardhat, TypeChain, web3-react, daisyUI and OpenZeppelin.
- The README provides separate local web-app and server/API startup instructions.
- The documented deployment example uses Rinkeby, so network guidance should be checked and adapted before use.
- The repository includes sample contract tests and deployment and mint scripts.
Check current requirements in the official documentation. Source-based guidance does not mean OpenViST has run or independently tested this project.
Prepare and start the local web app
Install the starter’s dependencies, compile for localhost, and launch its web development server.
Before you start
- Yarn
- The project repository and its .env.example file
- Hardhat, included in the project setup
Steps
Run yarn install.
Copy .env.example to .env.
Run npx hardhat compile --network localhost.
Run yarn dev.
Expected outcome
The documented local web-app development workflow is started after compilation.
Guide limitations
- The README does not detail required environment-variable values.
- This covers local setup and startup, not deploying the app or minting an NFT.
Follow the documented Rinkeby NFT example
Use the repository’s sample scripts to deploy its example contract and mint sample NFT tokens on Rinkeby.
Before you start
- The repository’s configured Hardhat project and environment file
- An Alchemy node connection and a wallet funded with ETH, as described in the README
Steps
Configure the environment for the example network and deployment account.
Run hh run scripts/deploy.ts --network rinkeby.
Run hh run scripts/mint.ts --network rinkeby.
Expected outcome
The README’s example workflow reports a deployed sample contract and minted tokens, with metadata uploaded to NFT.Storage.
Guide limitations
- Rinkeby is a legacy test network; these instructions do not establish current network availability.
- The README’s deploy and mint output is an example, not a claim of execution in this profile.
- Transactions require a funded wallet; the guide does not specify current costs.
Sources & review
Source record details
- Source availability
- Active
- Sources checked
- 13 October 2026
- Original website title
- jellydn/nft-app · Official homepage title · retained in its source language