Create Polka Dapp

Why did I make this CLI
When exploring blockchain ecosystems, I noticed that non-EVM blockchains have different wallet systems that web3 developers are not entirely familiar with. Often, the issue for frontend developers is getting that initial draft of a site. Tutorials are typically used, but they are usually outdated or don't work after a while.

This is why I decided to build a CLI tool. First, I created a Polkadot dapp myself and made it look good, then used this as a template for other developers. For this CLI, I focused on the Connect Wallet/Account system and helpful hooks for frontend developers.

The best part about this CLI is that the configurations are not completely abstracted from the developer. They can make changes to suit their needs, while the CLI offers the initial setup, making it easy to get started and reducing development time by hours or even days.
The main features implemented during this hackathon are:
- Created a TypeScript CLI package to help developers locally clone a template Polkadot dapp frontend.
- Developed a simple and easy-to-use Connect Wallet/Account UI for all templates.- Created hooks using zustand allowing developers to access a user's connected wallet throughout the app, aiding with signing and sending transactions.
- Released templates for React using JavaScript and TypeScript with the paritytech/polkadot-onboard library for connecting to Polkadot Extension wallets and WalletConnect.

Link To Package - https://www.npmjs.com/package/create-polka-dapp?activeTab=readme

Link To GitHub - https://github.com/OpeOginni/create-polka-dapp/ 

Team

• OpeOginni - [email protected]

Category

Web3 Tooling

Tech Stack

• Typescript
• React
• Svelte
• paritytech/polkadot-onboard
• zustand
• npm