Akropolis
  • 🕶️Introduction
  • 🧠Using Akropolis
  • 💸Products
    • 🌀Vortex
      • 💫Overview
      • 💻How it works
      • 🛣️Roadmap
      • ✍️Competitor Comparison
    • 🎆Yearn Integration
    • 💜AKRO staking
  • 🏛️Governance
    • 🟣AKRO token
    • 📋Governance process
  • 🏗️Developer documentation
    • 💫Vortex
      • 👓High-Level View
      • 🍭Contract Design
      • 🌾Key Function - harvest
      • 🧑‍💻🧑💻 Integration guide
      • ❗Risk Management
        • Position Buffer
        • remargin()
        • unwind()
        • emergencyExit()
        • Funding Rate Monitoring
    • 🚦Deployed Contracts
      • Vortex
        • Testnet contracts
    • 🐧Open Source Development
      • Amun Ra
      • Pensify
      • C2FC
      • AkropolisOS
      • Sparta
      • Delphi
      • Polkahub
      • Ethereum <-> Substrate bridge
      • Web3 Wallet Kit
      • Substrate Staking portal
  • 🔐Security
    • 🔮Audits
    • 🐞Bug Bounty
  • 📚Additional Resources
    • 📑FAQ
    • 💥Community Channels
    • 📓Basis Trading and Perpetual Contracts
Powered by GitBook
On this page
  • Introduction
  • Github repo:
  • Frontend:
  • What is Polkadot Staking Portal?
  • For frontend (in frontend folder)
  • We used:
  1. Developer documentation
  2. Open Source Development

Substrate Staking portal

PreviousWeb3 Wallet KitNextAudits

Last updated 3 years ago

Introduction

Existing staking mechanism via has developer-centric UX and is very complicated for ordinary users. To simplify UX we want to build Staking portal for AkropolisOSChain users.

Github repo:

Frontend:

What is Polkadot Staking Portal?

A simple and intuitive interface and Akropolis browser extension will make the staking process accessible to a wide range of users - you only need an account on Polkadot and Polkadot-js for signing transactions.

What you can do with our staking portal:

  • Check your overall balance and amount of all bonded tokens - as well as check each wallet connected

  • Check the current validators set, their commission, how much is staked for them, etc. and decide whether you want to nominate for them or not.

  • Check and edit stake conditions - add/withdraw funds, edit the list of nominees, stop nominating, redeem funds, etc.

For frontend (in frontend folder)

Install all dependencies

  • npm i install frontend and contracts dependencies

To start locally

  • npm run dev for development environment in watch mode

  • npm run prod for production environment in watch mode

To build locally (see build folder)

  • npm run build:dev for development environment without watch mode

  • npm run build:prod for production environment without watch mode

To start bundle analyzer

  • npm run analyze:dev for development environment

  • npm run analyze:prod for production environment

To start test

  • npm test or npm t for start test, before that you need start network (npm run ganache-cli)

We used:

  • [x] polkadot.js/api for interacting with Akropolis Chain

  • [x] Typescript

  • [x] React

  • [x] Redux

  • [x] Redux-saga for side-effects

  • [x] Material-UI

🏗️
🐧
https://polkadot.js.org/apps/
LogoGitHub - akropolisio/staking-portal: Akropolis Staking PortalGitHub
LogoAkropolis Staking Portalakropolis-polkadot-chain-frontend