# Z 智能合約開發班 - 前端串接常見函式庫

## 工具列表
- [WAGMI](https://wagmi.sh/)
- [Rainbowkit](https://www.rainbowkit.com/docs/connect-button)
- [Web3Modal](https://web3modal.com/)
- [Moralis](https://moralis.io/)
- [NFT marketplace: Seaport](https://github.com/ProjectOpenSea/seaport)
- [Manifold](https://docs.manifold.xyz/v/manifold-for-developers/smart-contracts/manifold-creator/contracts/creator-core/erc721-functions)

## Code

### Rainbowkit + WAGMI
Create a template project and play with it

npm init @rainbow-me/rainbowkit@latest
# or
pnpm create @rainbow-me/rainbowkit@latest
# or
yarn create @rainbow-me/rainbowkit

### Web3Modal
Follow the [official doc](https://docs.walletconnect.com/2.0/web3modal/react/installation) to set up a React project

### Manifold
GitHub: https://github.com/manifoldxyz/creator-core-solidity

npm install @manifoldxyz/creator-core-solidity

# Contract
pragma solidity ^0.8.0;

import "@manifoldxyz/creator-core-solidity/contracts/ERC721Creator.sol";

contract MyContract is ERC721Creator  {
    constructor() ERC721Creator ("MyContract", "MC") {
    }
}

& Feel free to play with the [smart contract extensions](https://github.com/manifoldxyz/creator-core-extensions-solidity)