Frontend Developer

BINH
NGUYEN

Frontend developer building Next.js, TypeScript, and Tailwind CSS dashboards for financial analytics, and Web3/DeFi products.

WORKS

Screenshot of Treehouse DOR dApp project
Next.js 16TypeScriptTailwind CSS
Web3 Frontend

Treehouse DOR dApp

Built responsive DOR rates, panelist, and portfolio interfaces with Next.js, React, TypeScript, Tailwind CSS, TanStack Table, and Recharts. Created interactive prediction charts and data tables with synchronized tooltips, sticky columns, sorting, loading states, empty states, and mobile-friendly drawer/table interactions. Implemented staking, unstaking, and reward-claim flows with Wagmi contract writes, ERC-20 allowance checks, receipt tracking, cache invalidation, and success/error states. Developed TanStack Query data layers with polling, query keys, DTO mapping, and cache refresh logic for live DOR rates, panelist submissions, consensus data, and rewards. Improved form correctness with React Hook Form, Zod, Viem unit parsing, wallet balance validation, vault capacity validation, staked-balance validation, and restricted-region confirmation flows.

Screenshot of tAssets DeFi App project
Next.js 14Nx MonorepoTypeScript
Enterprise DeFi

tAssets DeFi App

Built multi-vault DeFi portfolio interfaces with Next.js, React, TypeScript, and Tailwind CSS for tETH, tAVAX, cmETH, gtETH, and thYPE. Integrated wallet connectivity and smart contract interactions with Wagmi and Viem across Ethereum, Mantle, Arbitrum, Avalanche, Base, TAC, and Hyperliquid. Implemented normal and fast-lane redeem flows with allowance handling, transaction receipt tracking, and query invalidation for accurate redemption states. Integrated DeFi data sources including DeBank, Chainlink, Lido, Curve, Balancer, and Pharaoh to display balances, APR, TVL, exchange rates, fees, and Proof-of-Reserve breakdowns.

Screenshot of Gaia Foundation project
Next.js 15React 19TypeScript
Web3 Airdrop

Gaia Foundation

Built a Web3 token claim and S2 airdrop platform that lets users connect wallets, check eligibility, review allocations, claim TREE tokens, stake rewards, and track transaction states. Implemented wallet-based API requests, Merkle proof validation, React Query caching, smart contract simulation, transaction submission, receipt tracking, and event log decoding. Developed claim-and-stake workflows for non-vested users, including panelist selection, vault staking inputs, post-claim refetching, and success-state persistence. Structured the implementation inside an Nx monorepo with Next.js, React, TypeScript, Wagmi, Viem, Zustand, Radix UI, and Tailwind CSS.

Screenshot of Dinosaur Foundation project
Next.js 15Anime.js v4React 19
Creative Showcase

Dinosaur Foundation

Built an immersive landing page with Next.js App Router, React, TypeScript, Tailwind CSS, and Anime.js. Implemented responsive desktop and mobile animation timelines with Anime.js onScroll, media-query scoped animation logic, and section-based state management. Developed interactive media features including video backgrounds, poster preloading, audio playback controls, loading progress flow, and dynamic overlay backgrounds. Added OpenGraph/Twitter metadata, Google Analytics, Microsoft Clarity, sitemap/robots support, commit SHA metadata, client error forwarding, and internal cache revalidation endpoints.

Screenshot of YourTurn Real Estate & Business project
CSSjQueryLaravel
Fullstack Marketplace

YourTurn Real Estate & Business

Built Laravel, HTML, CSS, and jQuery features for a Japanese-market real estate and business transaction platform. The platform connects buyers and sellers through product listings, registered-user workflows, messaging, and article content. Contributed to frontend UI implementation, backend application development, and database structure design as part of fullstack delivery.

Professional Path

Frontend Developer

Treehouse Finance (THF VN)

09/2022 - Present
  • Built responsive frontend interfaces for the tAssets DeFi platform with Next.js, TypeScript, Tailwind CSS, Wagmi, and Viem, enabling users to manage vault positions and monitor real-time portfolio data.
  • Developed multi-step token claim and staking flows for Gaia Foundation with wallet eligibility checks, Merkle proof validation, smart contract simulation, transaction submission, and receipt tracking.
  • Engineered the Treehouse DOR dashboard with Recharts, TanStack Table, TanStack Query, React Hook Form, and Zod to support live rates, panelist predictions, staking positions, rewards, and on-chain validation flows.
  • Maintained scalable Web3 frontend architecture in an Nx monorepo, contributing typed feature modules, reusable UI patterns, and data-fetching layers across multiple DeFi applications.

Fullstack Developer

BPO Tech Joint Stock Company

09/2019 - 09/2022
  • Progressed from Web Developer to Fullstack Developer while delivering enterprise web applications with PHP, Laravel, React, and relational database design.
  • Built frontend and backend features for business platforms including YourTurn, Shogi Guide, and internal production applications, covering UI implementation, Laravel modules, and database structures.

Education

09/2013 - 03/2018

Post & Telecommunication Institute Of Technology

Electronic-Computer Engineering

97 Man Thien Street, Hiep Phu, Thu Duc City, Ho Chi Minh City

Expertise

Next.js
React
TypeScript
Tailwind CSS
Recharts/Chart.js
TanStack
Shadcn UI
Web3
Wagmi
Viem
Nx Monorepo
Redux Toolkit
PHP/Laravel

About Me

"Frontend developer building Next.js, TypeScript, and Tailwind CSS dashboards for financial analytics, and Web3/DeFi products."

Location

Hue, TT Hue

Phone

0935-730-866

Portfolio

Available for Hire

Let's Connect

Interested in collaborating or have a project in mind? Reach out via email or phone.

[email protected]

/ 0935-730-866