Example React App

This sample app uses React with TypeScript, Next JS, and Tailwind CSS.

NPM Package

View the live app

See the code

Important files in this repository

Here are the places in the code that implement EthosConnect:

_app.tsx

The EthosConnectProvider wraps the whole app:

function MyApp({ Component, pageProps }: AppProps) {
  return (
    <EthosConnectProvider>
      <Component {...pageProps} />
    </EthosConnectProvider>
  );
}

index.tsx

This is the rest of the app. It's a simple app for signing in with a wallet, funding the wallet with the DevNet faucet, and minting an NFT.

It uses the EthosConnect hooks:

  const { status, wallet } = ethos.useWallet();

The SignInButton component:

<SignInButton />

...and more!