Code Monkey home page Code Monkey logo

kikomicevski / minted-ai-dapp Goto Github PK

View Code? Open in Web Editor NEW
5.0 1.0 1.0 26.01 MB

Full minting site which includes API from a Stable Diffustion AI image generator. Once you open the site you will have the option to Generate Art with the AI generator. Once you choose your favorite Art you will be able to mint it to NFT. Technologies used will be : Solidity, Hardhat, React, NodeJS, Bootstrap,Ethers.js,MetaMask

Home Page: https://minted-ai-dapp.netlify.app

Solidity 2.08% JavaScript 62.88% HTML 4.73% CSS 30.32%
ai blockchain bootstrap ethersjs hardhat mint minter nft react smart-contracts

minted-ai-dapp's Introduction

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

minted-ai-dapp's People

Contributors

1busayo avatar kikomicevski avatar samuelfanimokun avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Forkers

jaredailsa

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.