https://github.com/peetzweg/polkadot-dapp-template

Frontend template to create Polkadot compatible decentralized apps.
https://github.com/peetzweg/polkadot-dapp-template

app dapp decentralized frontend polkadot template

Last synced: 24 days ago
JSON representation

Frontend template to create Polkadot compatible decentralized apps.

• Host: GitHub
• URL: https://github.com/peetzweg/polkadot-dapp-template
• Owner: peetzweg
• Created: 2023-11-28T09:55:05.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2024-02-14T10:36:43.000Z (9 months ago)
• Last Synced: 2024-04-14T20:32:42.448Z (7 months ago)
• Topics: app, dapp, decentralized, frontend, polkadot, template
• Language: TypeScript
• Homepage: https://broken-mountain-2644.on.fleek.co/
• Size: 230 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Polkadot DApp Template (WIP)

## Todo

- ~~fix api types~~

- use [`@polkadot/typegen`](https://polkadot.js.org/docs/api/examples/promise/typegen) instead of `@polkadot/api-augment`

- allow for passing status callback?

- ~~context guards which assure `api`, `currentAccount` etc is set~~

- eager connect?

- rotate RPCs

- ~~RPC from url~~

- check if pallet is available

- describe decisions in README

## Goals

(**Note: Work in Progress**)

- don't use centralized services

- don't require a deployed backend

- production ready settings

- decentralized deployment possible

- runnable locally

- best typescript experience possible

- light client first

- use state for art tools for DApps in the Polkadot Ecosystem

- reasonable bundle size

## Stack

- typescript

- vite

- tailwindcss

- shadcn/ui

- react-query

- polkadotjs/api

- (polkadotjs/api-augment)

## Built in Components

- ``

- ``

## Typegen

(**Note: Work in Progress**)

```json

{

  "scripts": {

    "typegen": "pnpm typegen:defs && pnpm typegen:meta",

    "typegen:defs": "polkadot-types-from-defs --package sample-polkadotjs-typegen/interfaces --input ./src/interfaces --endpoint ./metadata.json",

    "typegen:meta": "polkadot-types-from-chain --package sample-polkadotjs-typegen/interfaces --endpoint ./metadata.json --output ./src/interfaces",

    "metadata": "curl -H \"Content-Type: application/json\" -d '{\"id\":\"1\", \"jsonrpc\":\"2.0\", \"method\": \"state_getMetadata\", \"params\":[]}' http://localhost:9944 > metadata.json"

  }

}

```