Lp Token Staking

screenshot of Lp Token Staking
nextjs
react
bootstrap

A NextJS dapp to stake LP tokens into a pool contract and earn a reward in a reward token

Overview

The Staking Dapp for the ETB token offers an innovative platform where users can stake their LP tokens into a pool contract and earn rewards. Developed during the "ETB Project #2" Hackathon by EatTheBlocks, this decentralized application implements a sophisticated O(1) algorithm to efficiently distribute rewards among stakers. The ability to engage with different reward periods opens up possibilities for dynamic earning based on users' engagement in the staking process.

This Dapp not only streamlines the staking process but also ensures that staking, unstaking, and claiming rewards are user-friendly. With a focus on transparency and accessibility, both users and administrators have tailored interfaces to facilitate their activities concerning token management and reward distribution.

Features

  • Multiple Reward Periods: The staking contract allows administrators to set various reward phases, ensuring users can capitalize on different earning windows.
  • Proportional Rewards: Users earn reward tokens based on their staked amount and duration, making it fair and competitive.
  • Constant Reward Distribution: Reward tokens are disbursed at a consistent rate to all active stakers, simplifying the calculation of potential earnings.
  • Flexible Staking Options: Users can add or remove their tokens at any time during a reward period, providing flexibility in managing their investments.
  • Claim Rewards Anytime: Stakers can claim their accrued reward tokens whenever they choose, offering freedom and control over their earnings.
  • LP Token Return: When users decide to end their stake, they receive back their LP tokens alongside any accumulated reward tokens, ensuring that their capital is always protected.
  • User and Admin Pages: The Dapp offers distinct pages tailored for users to manage their stakes and for admins to create reward phases, making navigation easy and efficient.
nextjs
Next.js

Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

bootstrap
Bootstrap

Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.

formik
Formik

Formik is a popular form library for React that helps with form state management, validation, and submission handling. It provides a declarative approach to building forms with support for complex validation scenarios and easy integration with validation libraries like Yup.