Toshimon Web3 Application

What was Toshimon?

Toshimon was an Ethereum-based collectible application with cards, packs, wallet balances, and account-specific game data. My work focused on the React and Next.js frontend, including the transition from public product pages into wallet-connected application states.

Why separate static pages from wallet features?

Public Toshimon pages did not need a connected wallet to explain the product. I used static generation for that content so the initial HTML could load without waiting for blockchain state.

Wallet features had different requirements. After connection, the interface needed to represent:

• disconnected, connecting, and connected wallet states;
• signed-in account balances;
• collectible cards and pack inventory;
• pending blockchain actions;
• success and failure feedback after a transaction request.

Keeping public content separate from wallet-dependent state reduced the amount of JavaScript and asynchronous work required for the first page view.

How did I organize the React interface?

I built reusable components around product concepts such as cards, packs, balances, and transaction status. The components received explicit loading and error states rather than assuming blockchain data would always be immediately available.

I also separated presentation from wallet and data-fetching logic. That made it possible to update visual components without rewriting the connection flow, and it made asynchronous states easier to reason about.

What did I contribute?

My contribution covered user-facing features, wallet-connection flows, responsive layouts, and the boundary between static marketing content and the connected application. I also worked on asset loading and page structure for the public experience.

This case study does not claim a specific conversion or performance result because I do not have a public measurement report for the historical build. The current Toshimon application provides public evidence of the product and its card, pack, balance, and wallet-based interface.