# NFT App (React + Vite)
This example demonstrates how to utilize Glittr messages to develop an application for deploying and minting NFTs. The app is built with React, a popular JavaScript library for building user interfaces, and Vite, a fast and modern build tool that enhances the development experience.
## Live Preview
Visit our [website ](https://nft-example-app.glittr.fi/)to preview the NFT app and explore its features.
## How to Build
You can also build your own app using our example. Here are the steps :
1. Clone our examples repo
`git clone`[`https://github.com/Glittrfi/glittr-examples/tree/main`](https://github.com/Glittrfi/glittr-examples/tree/main)
2. Navigate to the repository, then proceed to the `glittr-nft`folder
`cd glittr-examples/glittr-nft`
3. Rename the `.env.local` file into `.env`
`mv .env.local .env`
4. Install dependencies
```bash
npm install
# or
yarn install
```
5. Start the development server
```bash
npm run dev
# or
yarn dev
```
6. Open your browser and navigate to
```
http://localhost:5173/
```
## Usage
This is the first page of the NFT app. It features several pre-deployed NFT contracts that has been minted.
NFT app page
Click the "Connect" button and select the wallet you want to use with the app.
Wallet selection
If you’d like to create your own NFT, you can click the "Create GlittrNFT" button. From there, you can upload your image and choose how to store it—either using IPFS or embedding it on-chain (images must be less than 80 bytes for on-chain storage).
Create NFT form
Once successful, your NFT will appear on the page after the transaction is confirmed on the Bitcoin blockchain.
