GithubHelp home page GithubHelp logo

stabilitydao / stability-ui Goto Github PK

View Code? Open in Web Editor NEW
4.0 1.0 2.0 3.37 MB

Stability Platform User Interface

Home Page: https://stability.farm

License: GNU General Public License v3.0

JavaScript 0.08% TypeScript 98.53% Astro 1.16% CSS 0.23%
astro react viem web3 ethereum-dapp dapp typescript

stability-ui's Introduction

Stability User Interface

Tasks

Issues

Develop

๐Ÿ‘€ Learn stack

๐Ÿง‘โ€๐Ÿš€ Start coding

Install foundry on your pc.

Run Polygon forking anvil node

anvil --fork-url <Your Polygon RPC URL> --fork-block-number <Block Number>

The forking block must be the one on which you received SDIV and MATIC tokens, example: 48713000.

Deploy Stability Platform on localhost

Clone platform contracts repo, build and deploy.

forge install
forge script DeployPolygonForking --rpc-url http://127.0.0.1:8545 --broadcast --with-gas-price 200000000000

Setup local network in wallet

Add network to Metamask.

Name: Localhost Polygon Forking
RPC URL: http://127.0.0.1:8545
Chain ID: 137
Coin symbol: MATIC

Run astro in dev mode

yarn
yarn dev

stability-ui's People

Contributors

a17 avatar devtealeaf avatar renzoum avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar

stability-ui's Issues

DAO

DAO page

  • Platform
    • version
    • total vaults
    • total tvl
    • strategies (shortNames)
    • platformFee, vaultManagerFee, strategyLogicFee, ecosystemFee
  • Tokenomics
    • profit
      • name, symbol, logo, address
      • price, total supply, market cap
      • swap and chart links
      • *wallet, staked
      • *stake, unstake
    • sdiv
      • name, symbol, logo, address
      • total supply
      • *wallet, earned
      • *claim
    • pm
      • name, symbol, logo, address
      • total supply / to mint
      • marketplace link
      • *mint
  • Governance
    • treasury address and balance
    • governance contract, tally link
  • Team
    • multisig address and balance
    • gh org people

Vault and strategy upgrade

It is necessary to compare the current versions of the vault and strategy with the implementation versions. If the versions do not match and the upgrade is allowed, then we display the Upgrade buttons, which perform the upgrade through the factory contract.

  • vault upgrade
  • strategy upgrade

Vault

Vault page

  • #1
  • #16
  • #18 assets logo, symbol, name, network
  • #20 Your deposit, TVL, APY, Daily, Last HardWork
  • #30 share price, vault type
  • #21
    • name, specific, strategy address, vault address, gh link
    • APY breakdown (from vaults apy tooltip)
    • description
    • base strategy names
    • AMM adapter (for ILPStrategy ERC165)
  • Investing component
    • #15
    • #22
    • asset0+asset1
      • approve
      • preview deposit
      • #17
      • withdraw
      • #25
    • ZAP blue-chip
      • coming soon
    • underlying
      • approve
      • #33
      • withdraw
      • preview withdraw
  • Design
    • select image
  • Assets
    • logo, name, symbol, price, address
    • #24
      • description
      • website
      • docs
      • tags: stablecoin, bridged

Vault - Contracts block

  • vault logo | Vault | vault short address | copy | polygonscan logo link
  • strategy short name | Strategy | strategy short address | copy | polygonscan logo link
  • underlying logo | Underlying symbol | underlying short address | copy | polygonscan logo link
  • dex logo | Pool symbol | pool short address | copy | polygonscan logo link
  • asset0 logo | asset0 symbol | asset0 short address | copy | polygonscan logo link
  • asset1 logo | asset1 symbol | asset1 short address | copy | polygonscan logo link
  • icon | ZAP | zap short address | copy | polygonscan logo link

Vault: Liquidity pool, Underlying ALM

Liquidity pool

Block in vault page. Must be shown for all ILPStrategy ERC165 strategies.

  • protocol logo, name, symbol
  • fee
  • TVL, assets amounts, %
  • liquidity chart (DeX subgraph)

Underlying ALM

Block in vault page. Must be shown for ILPStrategy ERC165 strategies with underlying.

  • protocol logo, name, symbol
  • TVL, assets amounts, %
  • positions (tickLower, tickUpper, amounts, tvl, in range yes/no)
  • rebalances 24h / week
  • protocol fee [subgraph, temporary hardcode]

[BLOCKED] RMVault

  • Claim rewards
  • RVault bbToken, boost reward tokens
  • RVault boost rewards vesting duration

Vaults

Vaults

  • #1
  • Table of vaults with sorting and filters #8 #9
    • symbol
    • assets
    • type
    • strategy
    • Balance
    • sharePrice
    • TVL
    • APR
  • APR tooltip #10
    • Vault APR
    • Strategy APR
    • Underlying APRs
  • live search
    • assets symbols
    • vault symbol
  • refactoring
    • tvl priority
    • refactoring vaults code
    • add new types
    • refactoring constants | types | utils
  • pagination
  • vault link

Fixes

  • Portfolio
    • fix portfolio layout
    • show daily % / $...
  • Vaults
    • APY -> APR / APY
  • Vault
    • DQMF underlying deposit/withdraw
    • APY -> APR / APY
    • show Daily on sm, md
  • Account
    • show PMs

Beta UI Q2 2024

April 2024

  • Yield Rates: Vault vs Asset hold APR
  • Add Curve strategy
  • REKT API update
  • #36
  • About tooltip: stability-api about string
  • #170
  • #172 #171
  • #173
  • #174
  • #127
  • #132
  • Real APR
  • Handle 1inch request error
  • Add token to wallet
  • #166
  • Navigation update

Beta UI Q1 2024

January 2024

  • Vaults
    • #57
    • #58
    • platform name, version, tvl in end of Portfolio block
  • Vault page
  • Layout

February 2024

  • Vaults
    • #108
    • loader insted Loading vaults..
    • Vaults: styling #126
  • Vault page
    • Vault - Strategy: Rebalances 24h, Rebalances 7days
    • Vault - Invest form - Underlying
      • remove Swaps block
      • show you receuve amount on withdraw
    • Vault -> Strategy: APR table #142 #143
      • columns: Latest, 24h, Week
      • lines: Total APY, Total APR, Pool swap fees APR, Strategy APR/Farm APR
    • #141 #138 #137 #140 #139
    • #86 #124
  • Layout
    • #100
    • #114
    • #115
    • #104
    • Loading
      • Vaults: show list when subgraph ready
      • retry subgraph api (2 times)
      • show error and Reload button on loading error below loader
    • provider logo

March 2024

New vault

New vault page

  • List of vaults to build
  • create Compounding vault
  • create Rewarding vault
  • show buildingPermitToken usage

Vault: Vault block

  • Type
  • Status
  • HardWork on deposit
  • Created
  • add to Metamask (with generating symbol with 11 max length)
  • VaultManager NFT [subgraph]
  • gas reserve

ZAP

  • ZAP blue-chip
    • approve
    • preview deposit
    • deposit
    • withdraw
    • preview withdraw
    • bug fix & tests

Contests

  • Contests page
    • Feature, Current, Complete
  • Contest page
    • title, dates
    • prizes
    • top100 farm rewards earned

Vault: errors

Need to parse and show custom errors on deposits and withdrawals.

Transaction processing

  • invest form layout
    • show empty input $ amounts $0.0
    • show action button always
      • empty input: Enter amount disabled button
      • approve asset0+asset1 - 2 buttons in 1 row: Approve USDC, Approved WMATIC (disabled)
      • loading state: Loading
    • Swaps always visible block with fixed height (for zap deposit, zap withdraw)
    • You receive always visible block with fixed height (for all)
  • pending hashes in localStorage
  • invest form interactions (approve, deposit, zap deposit, underlying deposit, withdraw, zap withdraw, underlying withdraw)
    • reload updates all
    • awaiting user confirmation
    • pending transaction
  • toasts
    • explorer link
    • pending
    • success
    • failed
  • transaction settings
    • approves limited / unlimited
    • gas limit multiplier
  • approves fix
  • CF fix

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.