Skip to content

Latest commit

 

History

History
88 lines (55 loc) · 4.07 KB

README.md

File metadata and controls

88 lines (55 loc) · 4.07 KB
Raw

Minted AI DApp

Welcome to the Minted AI DApp! This decentralized application allows you to create and trade AI-driven NFTs by leveraging AI-powered image generation.

site

How It Works

The Minted AI DApp combines the power of artificial intelligence and blockchain technology to enable users to unleash their creativity and mint their creations as NFTs for the blockchain art market. Here's how the DApp works:

  1. Visit the Minted AI DApp: minted-ai-dapp.netlify.app.

  2. On the homepage, you'll find a header section with a brief description of the DApp and input fields.

  3. Input Field: Enter a prompt or description for the AI image generation process. This prompt will influence the generated image.

  4. Generate Button: Click the "Generate" button to trigger the AI-powered image generation process. The DApp will communicate with the OpenAI API to generate the images.

  5. Upload Button: You can also upload your own image by clicking the "Upload" button. Choose an image file from your local device, and the DApp will upload it to IPFS (InterPlanetary File System) for storage. In my case it's Pinata.

  6. Generated Image: Once the image is generated or uploaded, it will be displayed in the DApp. You can view the generated image and remove the uploaded image if needed.

  7. Minting NFTs: Below the generated/uploaded image, you'll find a form where you can enter additional details for minting your AI-generated NFT. Fill in the required information, such as name, description, and click the "Mint" button. This will initiate the minting process and create a unique NFT on the blockchain.

  8. Trade and Share NFTs: Once the NFT is minted, you can trade it on compatible marketplaces or share it with others as a unique digital asset.

  9. Importing NFT to MetaMask:

    • Open your MetaMask wallet and ensure you are on the correct network (Sepolia Testnet).
    • Click on the "NFTs" tab and select "Import NFTs".
    • In the token import dialog, paste the contract address and the tokenID of your minted NFT in the appropriate fields.
    • MetaMask should automatically detect the NFT and display its details.

Technologies Used

The Minted AI DApp is built using the following technologies:

  • React: A JavaScript library for building user interfaces.
  • StableDiffusion API: Integration with the StableDiffusion API for AI image generation.
  • IPFS: The InterPlanetary File System for decentralized storage of uploaded images.
  • Solidity: The programming language for writing smart contracts on the Ethereum blockchain.
  • Ethers.js: A JavaScript library for interacting with Ethereum and smart contracts.
  • Hardhat: A development framework for Ethereum DApps.

Development

To set up the development environment and run the Minted AI DApp locally, follow these steps:

  1. Clone the GitHub repository:

    git clone https://github.com/kikomicevski/Minted-AI-DApp.git

  2. Install the dependencies:

    npm install

  3. Set up environment variables:

    Create a .env file in the project root directory.

    Add the following environment variables:

    REACT_APP_HUGGING_FACE_API_KEY = "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"
API_URL = "https://eth-sepolia.g.alchemy.com/v2/dcsdfcvbghfXWnfKOMy-hghhgVvo"
PRIVATE_KEY = "a84ffbb7610822ffe1c90c1bca95aae147d2ewer3r24554d06c27103346c46"
REACT_APP_NFT_STORAGE_API_KEY = "eyJhbGciOiJIUdfgdrswgegnR5cCI6IkpXVCJ9.eyJzdWIiOiJkaWQ6ZXRocjoweDIzMDQ5Qjc3MjUyRWQ5OWIxREYxMWRhZjYzMjBhNjNlMzEwZDAyQzkiLCJpc3MiOiJuZnQtc3RvcmFnZSIsImlhdCI6MTY4OTAyNTYxNTE3MCwibmFtZSI6ImFwaUtleSJ9.ronk-xPC1Myk-zb2tvaosdfsefdfgrg15fg8hfaHY61Y"

//Make sure to replace them with the actual values.

  4. Deploy the Smart Contract:

    npx hardhat run scripts/deploy.js --network sepolia

  5. Start the development server:

    npm start

The DApp will be accessible at http://localhost:3000.

Credits

This project was developed by Hristijan Micevski.

LinkedIn: Hristijan Micevski