ZNFT Client Interface

Znft client is the interface for interacting with the ZNFT smart contracts throught web3 protocols.

Table of contents

Interface for Veraswap built with Create React App

React - JavaScript library for building user interfaces
Ethers - Web3 Library for interacting with the Smart Contracts.
Infura - Remote Procedural Calls Client
Ant Design for React - React UI library that contains a set of high quality components and demos for building rich, interactive user interfaces

Getting Started

To run this project on your machine, the following need to have installed:

Step by step instructions on setting up the project and running it

Clone the repo

git clone https://github.com/znftmarket/znft-client

Install dependencies
```
npm install
```
Configure the Environment Variables. Example files are found at here.

Please note that without .env files the app will crash and will not start in local.
Start development server
```
npm start
```

Project's static assets (Fonts, Icons, Images) can be found at src/assets
JSX components are created page specific as well as based on functionality under src/components. Page specific components are found under the src/. Eg., src/dao for all the DAO related pages.
All the ABIs of tokens/smart contracts used in the application are found under src/utils/abi folder.
All smart contract calls can be found at src/utils under the notation -function.js.
- dao-functions.js - Contains the smart contract interactions related to DAO.
- auction-functions.js - Contains the functions of smart contract interactions related to auction.
- toptime-functions.js - Contains the functions of smart contract interactions related to toptime.
- payment-functions.js - Contains the Approval, Balance & Approval calls of all payment tokens.
- nft-functions.js - Contains all smart contract calls related to the NFT Smart Contract.
All ipfs related functions are found at src/utils/ipfs.js
All graphql queries are found at src/utils/queries