Skip to content

Latest commit

 

History

History
41 lines (26 loc) · 1.86 KB

README.md

File metadata and controls

41 lines (26 loc) · 1.86 KB
Raw

quai-no-code-deployer

quai-no-code-deployer is a boilerplate dApp built on top of Quai Network using the NextJS framework in tandem with Chakra-UI. The live version of this site is hosted at quai-no-code-deployer.vercel.app.

Features

  • Using Pelagus Wallet in your application
  • Handling accounts and data from all shards
  • Fetching transaction data, tokens, and NFTs from Quaiscan
  • Using the quais SDK to interact with Quai Network

Getting Started

Clone the repository and install the dependencies:

git clone https://github.com/dominant-strategies/quai-no-code-deployer
cd quai-no-code-deployer
npm install

Run the development server:

npm run dev

Open http://localhost:3000 with your browser to see the page.

Components

Pelagus Connection

Pelagus connection is achieved via the quais.BrowserProvider() method. The logic for connecting to Pelagus is located in the components/lib/wallet/useGetAccounts.ts and requestAcccounts.ts files.

  • The logic in useGetAccounts always runs on page load and attempts to get the user's accounts if connected. It also initiates a listener for the accountsChanged event.
  • The logic in requestAccounts is only used in response to a direct user action. It prompts the user to connect their wallet and returns the accounts if successful.

Design

quai-next-dapp uses Chakra-UI for styling and layout. A complete style config for custom components and theme is located in the theme/ directory.