Giter VIP home page Giter VIP logo

nft-ica-ui's Introduction

Injective NFT-ICA Frontend

Overview

This is a frontend for the Injective NFT-ICA application. It is built based on the next/react Injective Counter Contract Example. This frontend is only intended to be used in the testnet. For a full overview of the project go to the parent repository.

Motivation

This application was built for the Injective Illuminate Hackathon.

Setup

To use the frontend, you can visit here. To run the front end locally, fill in a .env.local file as in .env.example and run the following command.

npm run dev

For this application to run correctly, a relayer must be running with the NFT-ICA application. It must relay all packets between theta-testnet-001 and injective-888. A relayer configuration file and setup guide can be found in the parent repo. I would've liked to run my own relayer at all times while the judges are checking out the application, however, since the judging period is not clear, and running a relayer is costly and unstable with free APIs, I cannot guarantee that a relayer will be up, unless the judges what to coordinate with me. For this, you can either contact me directly or create an issue in any of the repos.

Pictures

Home Page

NFT Page

IBC Connections

The contracts use the following IBC light clients and connections in case you'd like to run your own relayer with your own configuration file.

SUCCESS Connection {
    delay_period: 0ns,
    a_side: ConnectionSide {
        chain: BaseChainHandle {
            chain_id: ChainId {
                id: "injective-888",
                version: 888,
            },
            runtime_sender: Sender { .. },
        },
        client_id: ClientId(
            "07-tendermint-238",
        ),
        connection_id: Some(
            ConnectionId(
                "connection-219",
            ),
        ),
    },
    b_side: ConnectionSide {
        chain: BaseChainHandle {
            chain_id: ChainId {
                id: "theta-testnet-001",
                version: 0,
            },
            runtime_sender: Sender { .. },
        },
        client_id: ClientId(
            "07-tendermint-3454",
        ),
        connection_id: Some(
            ConnectionId(
                "connection-3570",
            ),
        ),
    },
}

I've also created a transfer channel between the two chains for testing with channel id channel-189 on the Injective chain and channel-3602 on the Cosmos Hub Theta Testnet. (This transfer channel is now expired and unusable.)

nft-ica-ui's People

Contributors

srdtrk avatar

Watchers

 avatar

nft-ica-ui's Issues

Improve Channel Status

Description

Make sure there is a spinning loading animation while the channel is reopening

Add better README

Description

This is not the main repo but it should be more descriptive. Also change package name

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.