honey-frontend-evm's Introduction

Honey Labs - Building liquidity solutions for NFTs

This is a Next.JS project bootstrapped with create-react-app

General overview

Hello and welcome 👋🏼, we are happy to see that you arrived at Honey Labs - The Liquidity Solution builder for NFTs. This repo contains a Front-end interface built with NextJS and makes use of the following tools:

Honey-SDK: for permissionless lending pools that use NFTs as collateral (🛠 WIP)
Rainbowkit for connecting to EVM wallets
Moralis: for fetching NFT and calling contract (read functions)
wagmi for calling write functions on contract
Degen-UI: for styling accompanied by Vanilla-Extract for custom CSS classes

Getting Started

The Honey Finance Ecosystem consists of several components this repo represents the Front-end.

In order to run this project you need to create a

.env #you can use the .env.example file as silver lining

You need both NEXT_PUBLIC_SERVER_URL and NEXT_PUBLIC_APP_ID to run this application. Please go to https://moralis.io/ to sign up an account. Currently contract is deployed to Polygon test net( Mumbai) only. Please set up your server in Moralis using Mumbai.

yarn install #installs all required packages
yarn dev #spins up the server at localhost:3000

In order to test the production server run:

yarn build

Learn more

To learn more about Honey Finance and the software it uses, take a look at the following resources:
Developer-docs - Coming soon... Your feedback and contributions are welcome! Feel free to reach out through Discord and take a look at the current Issues.

Deploy on Vercel

The easiest way to deploy your Next.JS app is by using the Vercel Platform from the creators of Next.JS. Check out the Next.JS Deployment Documentation for more details. Learn Next.JS - an interactive Next.JS tutorial.

This build is for testing purposes only...

Build Subgraph Client

These are the commands to generate the graphql client

yarn install
yarn add -D @graphprotocol/client-cli
yarn graphclient build

You need to update .graphclientrc.yaml if there are configurations changes such as new chain or new subgraph deployed. You need to update graphql under graphql folder if you are adding/modifying existed queries

honey-frontend-evm's People

Contributors

Stargazers

Watchers

honey-frontend-evm's Issues

Borrow Page: Market Positions health factor

Remove all health levels for market positions since not used ready now - will implement after demo

Fetch NFT images

check these lines:
https://github.com/honey-protocol/honey-frontend-evm/blob/migration/moralis-v2/hooks/useNFT.tsx#L170
https://github.com/honey-protocol/honey-frontend-evm/blob/migration/moralis-v2/hooks/useNFT.tsx#L169

Add BNB markets (Monsta party & Pixel Sweepers)

Market addresses

WBNB/Monsta Pary: 0x0e76c1C5C554003e8661403a41c86E89FA65DB34
WBNB/Pixel Sweeper: 0xe3e9d70674fa02e3e223012835aab0317c9f7733

Borrow Page: Execute Borrow

When a user has an open position, and the allowance is > 0 the user should be able to call upon the borrow function.

Show NFT-ID in deposit form && fix decimals/format for UP TO

better to show the ID instead of value and then keep "up to xyz"

Change phantom icon for metamask icon

Update header links

documentation link needs to be updated and we should also add the link to the solana dapp in the drop down menu

Borrow Page: Fetch available

For our markets we should be able to fetch available
State of wallet: connected and not-connected

Lend page: add mint button for DAI

https://mumbai.polygonscan.com/address/0x2FC813E8562D2c52B7423C07AB1Fead3A195CF15#writeContract (mint with fn 8; use 18 decimals)

specify chain id

optional:
we might want to specify chain id, for validation purpose
https://wagmi.sh/core/actions/prepareWriteContract#chainid-optional

(chain id should be part of configuration value) - Firefox

Borrow Page: Borrow Form Interest Rate

The interest rate inside the borrow form is hard coded

Borrow page: integrate liquidation price and make sure calc is right

See: d50c67e

PR into final-style-fixes if it hasnt been merged into main yet
see PR: #65

Improve EVM UI

Improvements from Solana frontend to EVM frontend

Display weekly APRs

#81

Fix native UI glitches

Grey dotted line between market title and positions doesn't extend full width
Orange contour when selecting collateral not aligned with gray dots -> Fill in color instead of contour
Add currency logo as secondary icon in market title. Inspired from https://www.sushi.com/earn
IMPORTANT: Page jittery when scrolling to bottom
Show "Change network ⚠️" on connect button to change to selected blockchain in metamask

Borrow form state when a market has been selected, should be to deposit an NFT

Borrow Page: Fetch NFTs in wallet

For the borrow module within the borrow page we should display NFTs for specific markets

Upgrade to Moralis v2

Remove need for signing upon login (from v1)

Replace moralis walletconnect with Rainbow walletkit
Refactor frontend for Moralis v2

Borrow Page: Borrow Form - liquidation price

Set liquidation price inside the borrow form to N/A

Borrow Page: Claim NFT

If the user has an open position, and there is no outstanding debt, user should be able to claim the NFT

Borrow Page: Fetch supplied

For our markets we should be able to fetch the supplied value.
State of wallet: connected and not-connected

Borrow page: Position data - debt not updating

Debt is not updating after performing a borrow call.

[BORROW] - Position data fixes

NFT ID is missing and data format for nft value is wrong.

disable headers that are not ready yet

dashboard, liquidation, farm, governance

BAYC/USDC market crashes the site when you try to manage a position

remove this market or resolve the problem

Borrow Page: Borrow Fee in Borrow Form

Set borrow fee to 0,005 instead of 0,025

Borrow page: position row should be clickable, not only manage

Recreate styling/language for borrow sidebars

no need to have an FS function to show a cyclone icon number format or anything, but borrow rate should be red and headers need to be updated

Borrow Page: Display / Fetch Position Health Indication

If user has an open position, it should display the health factor of this position

Borrow Page: Open Position Fetch Debt | Allowance | NFT Price (value)

Whenever a user has an open position, it should display the debt, allowance, and nft price of this position.

Borrow page: bring back ltv sliders and make sure it works as intended

See: 4cfac86

PR into final-style-fixes if it hasnt been merged into main yet
see PR: #65

Liquidate: filter out coupons with 0 debt

Borrow Page: NFT ID

Fix nft id on borrow page and borrow form

Borrow page: re-introduce health lvl and make sure the calc works

see: 93616b3

will add more details later if its not clear, but the example should be in the solana repo as well, as it works there

General: change message for loading data (not a tx)

Borrow Page: Execute repay

If user has outstanding debt on a position, user should be able to execute repay function on position.

Borrow Page: Fetch interest rate

For our markets we should be able to fetch the interest rate.
State of wallet: connected and not-connected

Borrow page: market position | borrow form - allowance differs

The allowance in the market position and borrow form is not synced.

Borrow Page: Display user open position in market

If the user has an NFT which is deposited in a market, and this market is selected - it should show the open position.

Create borrow form state for when no market has been selected

[BORROW] - Borrow form needs to use new helper functions

@BowTiedFirefox whats the best way to go about this?

Borrow page: Borrow Form Sliders issue

Sliders not linked, each shows a different indicator. Either sync them or remove the top 2 and display the bottom one until issue is fixed.

Input fields: remove default 0 issue && remove buttons showing through the currency name (DAI for example)

Borrow page: add mint button for H BAYC

Create Dune Analytics HW

Help wanted to create a dune analytics for Honey Finance EVM.

Items required:

Outstanding debt (per market)
Utilisation rate (per market)
TVL (all markets) (graph)
Total liquidation bids vs Outstanding debt (per market)
Number of markets

Optional items:

Default rate (per market)

# Active loans (all markets)

Issue added to Frontend repo for visibility

Wallet connect: Fix list of issues with wallet connect

when you load a vercel deployed page for the first time it takes 2 times to sign in, or it needs a refresh

fix sign in on first try @bowtiedpyro (max 2hrs)

we decided to settle on connect wallet until user interacts with their position, then user needs to sign, for now

integrate wallet connect @oshioked

when the page is refreshed the user is logged out. I know we did this as a temp fix to remove user data when they disconnect, but UX is really bad so now is the time to fix it.
unless someone connects with a different wallet or specifically signs out, refreshing should not log user out

refreshing should not log user out @BowTiedFirefox

check off tasks when its done

honey-protocol / honey-frontend-evm Goto Github PK