This project is a demo of how to use both web3.js and SvelteUI in a SvelteKit project.
This project is currently being built out, see the roadmap below.
Checkout a live version of this project here: https://sveltekit-web3-demo.chuckvallone.com
- SvelteKit
- web3.js
- svelte-web3 - a library that provides a nice API for managing web3js connections and objects with svelte stores.
- SvelteUI - the UI kit used in the project. Note that SvelteUI is in beta and under active development at the time of this writing.
- Tailwind CSS
- Hamburger not showing when collapse at middle break point. Hamburger only shows on small break point.
- Restructure TopBar.
- Full width SideBar on mobile.
- Supported chain IDs. Throw error if injected chain ID is not the chain ID we want to support.
- Persistent web3 via HTTP RPC to make certain calls, so user doesn't need to connect MM for things they shouldn't have to
- Full TS compliance
- Change to use non-injected web3 provider. User should not be prompted to connect MM to look at block data from chain
- Block detail page at
/block/[block]- add table of transactions from that block with link to transaction detail page - Block detail page at
/block/[block]- make all cards the same height - Block detail page at
/block/[block]- make block hash line wrap or show only portion of it with copy button
- Get address search working
- Show balance (what else) on address page
- Get transaction search working
- Show from, to, txn receipt
- Add chain status page that shows current block, chain id, gas price
- Support multichain connections
- Utility for converting wei units
- Interactions with popular NFT contracts. Just read only, read-only contracts calls for popular NFT contracts. Need to figure out how to do state change contract calls in a manner that people are comfortable doing.