changed 2 years ago  
Published Linked with GitHub

Overview

This document details the frontend build for the wPOKT LP Staking app raid. It composes of UI, UX and smart contract interactions to deliver a pleasant and simple interface for users to gain wPOKT-related yield.

Tech Stack

  • NextJS
  • Chakra UI
  • Wagmi/Ethers
  • Rainbowkit

UI Components

Below is an overview of the visual components to be built. Further details of these components can be found in the design scope.

  • Navigation/Header
  • Main
    • Staking section
    • Claim section
    • APY estimation display
    • Balance and Rewards display
  • Toasts/Modals

Note, components from the wPOKT Bridge raid will be reused in this raid whenever possible for speed and cost efficiency.

Functions

  • APY calculation
    • Estimates returns based on amount (to be) staked
  • Rewards timer
    • Indicates time for next round of wPOKT released
  • Fetching balance and rewards
  • Staking
  • Claiming
  • Feedback & Error Handling
    • This includes, but not limited to, UI/UX animations, transaction errors and event handling.
Select a repo