Building complex, high-performance web applications
with modern frontend architectures and Web3 systems
🌍 Remote
📫 [email protected]
I’m a Senior Frontend & Web3 Engineer with 8+ years of experience designing and implementing complex, production-ready web applications.
I specialize in component-driven architecture, frontend performance, and scalable UI systems, with deep experience in Vue/Nuxt and React/Next.js. I enjoy solving hard UI problems, optimizing rendering pipelines, and designing systems that stay maintainable as products grow.
- 🧩 Component-based & scalable frontend architectures
- ⚡ Performance optimization (rendering, memory, canvas, state)
- 🎨 Complex UI systems & design-to-code workflows
- 🌐 Web3 DApp architectures (wallets, contracts, on/off-chain data)
- 🧪 Type-safe, testable, maintainable codebases
Open-source TypeScript CLI published on npm. Catches the canonical coinbase/x402#1062 reconciliation gap (wallet debited on-chain but the server thinks payment failed), pre-flights wallets before signing, and explains failed 402s with actionable fixes. Read-only — never holds keys, never broadcasts.
Highlights
- Verified end-to-end on real Base Sepolia + the production
x402.org/facilitator(live tx) - 278 tests · Node 20 + 22 CI matrix · signed npm provenance
- v0.1 + v0.2 shipped end-to-end in 6 weeks (proxy → reconcile → validate → explain)
Tech: TypeScript · Node 20+ · viem · commander · x402 SDKs 🔗 https://github.com/fardinvahdat/x402trace · https://www.npmjs.com/package/x402trace
High-performance web image editor with advanced canvas rendering and offline support.
Highlights
- Complex layer system (grouping, depth, boolean ops)
- Optimized canvas rendering & memory management
- PWA with offline support
Tech: Vue 3, TypeScript, Fabric.js, Pinia, Vite
🔗 https://tarah-app.vercel.app
A modular, production-ready Web3 architecture for Nuxt 3 applications.
Highlights
- Multi-chain & multi-wallet support
- Type-safe contract interactions
- Scalable project structure
Tech: Nuxt 3, Vue 3, TypeScript, Viem, Pinia
🔗 https://nuxt3-dapp-eight.vercel.app
Enterprise-grade Web3 starter built with modern React tooling.
Highlights
- Chain-agnostic architecture
- Clean separation of UI & blockchain logic
- Scalable, maintainable React setup
Tech: Next.js 14, React, TypeScript, Wagmi, Viem, Tailwind
🔗 https://nextjs-dapp-murex.vercel.app
Frontend: Vue 3 · Nuxt 3 · React · Next.js · TypeScript · JavaScript HTML · CSS · Tailwind · SCSS
State & Architecture: Pinia · Zustand · Component Architecture · Design Patterns
Performance & Quality: Vite · Vitest · Jest · Lighthouse · PWA · Service Workers
Web3: Ethers · Viem · Wagmi · WalletConnect · MetaMask · IPFS
- Think in systems, not just screens
- Optimize for clarity, performance, and maintainability
- Care about why something is built, not only how
- Prefer pragmatic solutions over over-engineering
If you’re interested in frontend architecture, complex UI systems, or Web3 engineering — feel free to reach out.
Email: [email protected]
LinkedIn: https://www.linkedin.com/in/fardinvahdat
Medium: https://medium.com/@vahdatfardin