---
# System prepended metadata

title: wPOKT LP Staking Frontend Scope
tags: [WPOKT]

---


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