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