Write us on Telegram@Odilient

FRONTEND ENGINEERING

Resource Trading DAO Frontend

Frontend and TronLink wallet integration for a decentralized organization that trades natural resources on TRON, built in Nuxt.js and Vue.js for a Web3 client under NDA.

NDA
Client
Fintech & Crypto
Industry
4 months
Duration
2021
Year
Where it started

The Challenge

A decentralized organization for natural resource extraction and trading needed its web application connected to the TRON blockchain. Users had to authorize and transact through the TronLink browser wallet instead of credentials stored by the app, and the frontend had to stay in step with on-chain state and with the organization's own backend services.

What we did

The Solution

We built the application frontend in Nuxt.js and Vue.js and integrated the TronLink browser extension for account access and signed transactions. We also built the communication layer between the frontend and the Express.js and MongoDB backend, and handled the wallet states a dApp has to expect: extension missing, wallet locked, wrong network and a switched account.

Built with
Nuxt.jsVue.jsTronLinkTRONExpress.jsMongoDB
Inside the build

How It Came Together

For a Web3 client under NDA, a decentralized organization for natural resource extraction and trading, we built the web application frontend and connected it to the TRON blockchain through the TronLink wallet. The core rule was that every sensitive action goes through the user's own wallet, never through credentials held by the application.

What we built

  • Application frontend — the dApp interface in Nuxt.js and Vue.js.
  • TronLink integration — detecting the browser extension, requesting account access and submitting transactions for the user to sign.
  • Wallet state handling — clear paths for a missing extension, a locked wallet, the wrong network and a switched account.
  • Backend communication — the layer between the frontend and the organization's Express.js services, which store their data in MongoDB.

How a browser wallet shapes the frontend

With TronLink, the application never holds keys. It asks the wallet for an address, prepares a transaction and waits for the user to approve it in the extension. That moves the hard parts into the interface: knowing whether a wallet is present and unlocked, noticing when the user switches accounts or networks mid-session, and keeping the screen honest while a signature is pending.

Our role

We delivered the frontend and wallet integration over four months. Further details about the organization and its platform remain under NDA.

For another wallet-connected trading interface, see our crypto exchange frontend with WalletConnect, and learn more about our web app development services.

Let's Build

Want something like Resource Trading DAO Frontend?

Tell us what your product needs to do. We'll shape the scope, map a timeline and send a fixed price — free, and with no obligation to proceed.

Free consultation No commitment Fast reply