## 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.