How pantos06/fungi-interface works
Fungi Interface is a Vue dApp for viewing the $FUNGI token’s on-chain seed inscriptions. A visitor connects a wallet; the app reads account and network state, then presents inscription lists for all holders, the connected wallet, or a searched address. Users can load more holders and view inscription artwork and metadata. The header also shows token, holder, and inscription figures. The README describes the art and inscriptions as on-chain; runtime details beyond the sampled files are represented only where the tree supports them.
Main entry points: user.js Wallet service · App.vue App shell · AppPage.vue Inscription page · AppHeader.vue Stats header
Components 19
User interface
- App shell
src/App.vue - Inscription page
src/components/AppPage.vue - Stats header
src/components/AppHeader.vue - Inscription list
src/components/InscriptionList.vue - Modal display
src/components/AppModal.vue - Inscription details
src/components/modals/ModalInfo.vue
Wallet and account
- Wallet service
src/services/user.js - User state
src/stores/user.js - Layout state
src/stores/layout.js - Wallet modal
src/services/web3modal.js
Inscription data
- Fungi token service
src/services/token.js
Chain access
- Contract wrapper
src/services/contract.js - Web3 provider
src/services/web3.js - Contract settings
src/const/contracts.js - Network settings
src/const/web3.js - Number formatting
src/utils/web3.js
Other components
- Visitor
- Wallet connector
- Fungi token contract
Connections 24
- Visitor → App shell: opens
- App shell → Inscription page: renders
- App shell → Stats header: renders
- App shell → Modal display: renders
- App shell → Wallet service: checks connection
- Inscription page → User state: reads state
- Inscription page → Wallet service: requests connection
- Inscription page → Fungi token service: fetches inscriptions
- Inscription page → Inscription list: passes results
- Stats header → User state: reads account
- Stats header → Wallet service: requests connection
- Stats header → Fungi token service: fetches figures
- Stats header → Number formatting: formats balances
- Wallet service → Wallet modal: opens
- Wallet service → Wallet connector: reads account and network
- Wallet service → User state: updates state
- Wallet service → Web3 provider: sets provider
- Wallet service → Network settings: checks chain
- Fungi token service → Contract wrapper: calls methods
- Contract wrapper → Contract settings: uses address and ABI
- Contract wrapper → Web3 provider: uses provider
- Contract wrapper → Fungi token contract: reads token data
- Modal display → Layout state: uses modal state
- Modal display → Inscription details: displays details