Yu Yi (Yves)DApp/Web3 Full Stack Engineer (Next.js/Node/DApp/Electron)
+86 13143745768 Guangzhou, China [email protected] [email protected]@yyi9331+44 7763 334391WeChat@yy9331@yy9331_03247
ReactNext.jsElectronNodeTypeScriptwagmiviemethers.jsWalletConnectEIP-712
Professional Overview
- Full‑stack Web3 delivery: Electron desktop + Solidity/Hardhat with React/Next.js; wagmi/viem/ethers, WalletConnect & EIP‑712; The Graph/Subgraph; Node/Next.js backend; on‑chain/off‑chain data flow and performance/security optimization.
- Remote‑ready: solid async communication, documentation and overlap with APAC/EU time zones.
- 8+ years of full-stack development experience, deep expertise in React ecosystem, with experience in designing and publishing public npm packages.
- Served Fortune 500 companies, capable of English meetings, communication, presentations, and written correspondence.
IT Skills & Strengths
DApp
SolidityHardhatOpenZeppelinethers.jsviemwagmiWalletConnectEIP-712 SignaturesGas optimizationMultichain(EVM/Solana)The Graph/Subgraph
Frontend
TypeScriptES6+React + HookstailwindCSSNext.jsVueAngular
Cross-platform
ElectronReact NativeMini Programs
Testing
BDD(Jest & Enzyme)e2e(Cypress)
Data/API
React QueryGraphQL
Build
WebpacknpmViteRollup
Components & Packages
Component DesignNpm Package Design & Debugging
Backend Languages
ScalaJavaPython
Frameworks
Next.jsSpring BootDjango
Databases
SQLSupabasePostgresOracleMongoDB
DevOps
VercelJenkinsDockerNginx
Project Experience & Results
Rain.fi - Solana Decentralized Lending Protocol
2024.05 – 2025.09SolanaReact 18+Next.js 13+TypeScript 5+DeFi
A Solana-based decentralized lending protocol focusing on token and NFT lending.
- Tech Highlights:
- Precision handling: avoid JS float errors; handle Solana u64/u128 big integers
- One‑click lending: smart prefill of optimal parameters to enhance UX
- Integrations: @solana/wallet-adapter and TradingView charts
- Core Module Development:
- Trade builder: orchestrate complex Solana Program calls
- Business modules: JLP collateral, lending parameter optimization, risk management
Bunni Liquidity Engine Platform
2022.03 – 2023.07React 18+TypeScriptUniswap V4Web WorkersWebSocket
Advanced liquidity management platform built on Uniswap V4 hooks.
- Tech Highlights:
- Complex data visualization: liquidity density, real‑time price curves, multi‑dimensional interactive charts
- Real‑time compute architecture: Markout analytics, TVL‑adjusted yield, impermanent loss tracking
- Innovative Architecture:
- Modular Hook system: custom useBunniPool to compose complex business logic
- Smart caching: Web Worker for compute‑intensive tasks
- Risk evaluation system: real‑time liquidity risk computation with intelligent parameter suggestions
HSBC MSS-FICC-MKTY Electron Desktop Application
2022.06 – 2024.02ElectronReactNext.jsScalaSQLMongoDB
Monitor foreign exchange/cash/bond trading capital flows; multi-data source aggregation and report generation.
- Highlights:
- Owned full‑stack delivery for several modules in the Electron app (frontend → production)
- Abstracted reusable utilities/components; improved team delivery efficiency by ~50%
- Published lightweight npm helpers for API requests to simplify integration
- Built a Scala‑based request layer; quickly learned Scala and adapted APIs
- Storage split: Oracle for trades, MongoDB for behavior; tuned SQL/NoSQL queries
Hongqi Automotive WeChat Mini-Program Marketing Campaign Series
2021.12 – 2022.06React NativeUmiCanvasAnt Design MobileRaxDVAMongoDB
Annual marketing campaign series for Hongqi mini-program, monthly themed activities to maintain and manage Hongqi car owner relationships, enhancing user engagement.
- Project Highlights:
- Intensive development pace, independently completed 12 monthly marketing campaigns with frequent and complex requirement changes
- Implemented high-difficulty interactive effects: card flip animations, coloring interactions, GIF insertion in interfaces and other complex animations
- Built comprehensive data tracking system, storing user behavior data in MongoDB for campaign effectiveness analysis
- Technical Achievements:
- Independently completed 3 large-scale campaign projects, all highly praised by clients
- Packaged npm utility packages for API requests, significantly improving team development efficiency
- Optimized Canvas rendering performance, ensuring smooth animations on mobile devices
- Established automated testing and deployment pipeline, supporting rapid campaign launches
HSBC WPB-CHANNELS-PAYMENT Web Application
ReactReact HooksWebpackBDD Automated Testing (Jest & Enzyme)
Internal web application for private banking; large-amount capital flow display and integrations.
- Highlights:
- Refactored a large legacy module and integrated with internal systems & SWIFT
- Delivered shared components: search, table/filters, date‑range picker, loading, steps
- Introduced BDD (Jest & Enzyme); pipelines stayed green, stability improved
- Optimized search path; runtime roughly doubled (~100%) with better UX
- Received positive feedback and a quarterly award for reliability and speed
Huawei HDP-TSP Hardware Testing System
2018.05 – 2019.09VueAngularVuexRxJSECharts
Data dashboard, result backfill, report export and statistics modules; full CI/CD pipeline setup.
Work Experience
Rain ProtocolSenior DApp Engineer (DeFi Lending)
2024.06 – 2025.09DeFi LendingSolana@solana/web3.jsWallet AdapterReactNext.jsTypeScript- Own the frontend architecture and development for Rain.fi lending protocol
- Integrate Solana Programs with the app frontend
- Develop lending SDK and API integrations for third‑party developers
- Protocol TVL surpassed $10M with rapid user growth
- SDK adopted and integrated by multiple DeFi projects
- Built wallet flows with @solana/web3.js, native Solana transaction signing and authorization
- Hardhat based CI pipeline: unit/integration tests, mainnet forking, coverage and gas‑report
- Auth & data: Subgraph/The Graph for analytics, optimized RPC usage (batch, caching)
- Improved critical paths by ~25% through gas & network optimization
Bunni ProtocolSenior DApp Engineer (DEX)
2023.03 – 2024.05Uniswap v4 HooksReact 18+TypeScriptNext.jswagmi/viemethers.js- Built liquidity engine UI based on Uniswap v4 hooks
- Developed liquidity shaping and dynamic fee adjustment modules
- Implemented LP profitability optimization strategies and data visualization
- Improved LP APR by 20%+ through optimization
- Helped several projects migrate from Uniswap v2/SushiSwap to v3 for capital efficiency
- Participated in protocol security review and risk control mechanism design
- Designed EIP‑712 typed‑data schemas and signing/verification flows with permit authorization patterns
- Set up feature flags/remote config for safe, incremental rollouts in production
- Async remote collaboration across time zones; PRD → design → implementation → docs handover
Guangzhou Friendship Foreign Service Co., Ltd.Cathay Pacific CXA Project Team Frontend Developer
2024.06 – 2025.06ReactTypeScriptFrontend LibraryMicroservice ArchitectureAI-Assisted Development- Led frontend development for Cathay Pacific CXA project, built reusable frontend component library, improving team development efficiency by 30%+
- Combined AI tools for code refactoring and optimization, enhanced existing component performance by 25% with significantly improved maintainability
- Independently completed complex business component refactoring, collaborated efficiently with product and design teams to ensure on-time delivery
- Quickly adapted to UX design changes, rapidly adjusted interaction logic during mid-project designer transition while maintaining development progress
- Proficiently handled multi-tech stack switching in microservice architecture, including rapid onboarding and development with React, Vue, Angular frameworks
Symbio (China) Co., Ltd. · HSBC Investment Banking MSS-FICC-MKTY Project TeamFull Stack Developer
2022.06 – 2024.02ElectronReact HooksNext.jsScalaSQLJava MicroservicesMongoDBE2E Automated Testing(Cypress)- Independent frontend and backend development to production; multiple solution comparisons and optimal solution communication
- Gradually modularized requirements; packaged Export Excel / Date Picker and other plugins
- Optimization and packaging reduced approximately 40% of duplicate code; improved efficiency
- Quickly mastered Electron, Scala, SQL and implemented
- Scala for app data request layer; SQL task optimization; Oracle and MongoDB integration
Zebra Network Technology Co., Ltd.Automotive Industry Digitalization Full Stack Developer
2021.12 – 2022.06ReactRaxUmiMicro-frontend qiankunCanvasCSS Animationnpm Package Management- Led full-stack development for automotive industry digitalization projects, tackled complex frontend technical challenges including CSS3 animations and Canvas graphics rendering
- Implemented high-performance card flip animations, Canvas coloring and other interactive effects, improving user experience by 40%+
- Proficiently utilized React, Rax, Umi and other cross-platform frameworks for project refactoring, supporting unified multi-platform development
- Designed and implemented componentized architecture, extracted common modules into npm packages, reducing duplicate code by 50% and improving team development efficiency
- Built universal component library supporting rapid integration of different project modules, significantly reducing new project development costs
- Conducted in-depth research on micro-frontend qiankun architecture, implemented sandbox environment debugging, successfully applied to large-scale projects
- Adopted agile development methodology, rapidly responded to requirement changes, ensuring on-time project delivery
- Maintained strict control over interface experience quality, meeting high-standard user interface requirements through multiple iteration optimizations
Yunxi Technology Guangzhou Co., Ltd.Pharmaceutical Business Department Frontend Team Lead
2021.07 – 2021.12Frontend ArchitectureTeam ManagementComponent PackagingTechnical SharingProject Management- Served as frontend technical lead for pharmaceutical business department, formulated and implemented frontend architecture solutions, optimized business code structure, improving system maintainability
- Designed and packaged universal component library, established component design standards, regularly organized technical sharing sessions, enhancing overall team technical level
- Responsible for project progress control and resource coordination, developed project plans, ensured on-time delivery with 35% improvement in team delivery efficiency
- Established new employee training system, quickly trained 3 junior developers, reducing newcomer onboarding time by 50%
- Built efficient communication mechanisms with clients, product, and UI teams, ensuring accurate requirement understanding and transparent project progress control
- Established frontend development standards and code review processes, significantly improving code quality and team collaboration efficiency
Chinasoft International Co., Ltd. · HSBC Private Banking PAYMENT Project TeamFrontend Developer
2019.09 – 2021.07ReactReact HooksReduxEChartsWebpack- Refactored legacy modules and improved code quality via modular design
- Packaged reusable components: search/filter, date‑range picker, loading/steps widgets
- Introduced BDD to key flows and kept unit tests green in CI
- Optimized critical UI paths (search/rendering), noticeably faster and smoother
- Collaborated with backend for interfaces and integration; supported engineering rollout
Isoftstone Information Technology (Group) Co., Ltd. · Huawei Hardware Testing DigitalizationFrontend Developer
2018.12 – 2019.09VueElement UIVuex- Data visualization and report export modules, test result backfill and statistics modules
Guangzhou Pugu Technology Co., Ltd.Frontend Developer
2017.08 – 2018.12- Delivered responsive UI components and integrations across multiple client projects handled by the company.
Gongcheng Management Consulting Co., Ltd.Bidding and Procurement Data Analysis
2014.08 – 2017.08- Prepared procurement data reports and dashboards supporting municipal bidding decisions.
Zhongjie Communication Co., Ltd.Bidding and Procurement Data Analysis
2007.07 – 2014.07- Maintained telecom procurement datasets and ensured compliance documentation accuracy.
Personal DApps
Decentralized Exchange Pyro Wing DEX (Sepolia)
End-to-end by myself: factory contracts, routing, frontend/backends, liquidity and 24h stats.
- Tech Highlights:
- Contracts: Factory/Pair/Router split; WETH integration; UniswapV2-style library & TransferHelper
- Tooling: Hardhat + viem toolbox, hardhat-deploy, gas-reporter, solidity-coverage
- Frontend: wagmi/viem + WalletConnect, network switch, batch RPC and caching
- Trading: add/remove liquidity, exactIn token/ETH swaps; path routing with amount calculations
- Architecture / Outcomes:
- Events and Subgraph-ready design for 24h volume/TVL; pluggable data aggregation
- One-click deploy scripts and env-based config; Sepolia deployments verified
- Request merging reduces RPC roundtrips (~20%+ latency cut on hot paths)
Decentralized Staking Pyro Wing Stake (Sepolia)
YY Token staking; includes solidity contracts and frontend integration.
- Tech Highlights:
- Contracts: ERC20 (YY.sol) + Staking (YYStake.sol) with deposit/withdraw/reward logic
- Tooling: Hardhat, ignition deploy, unit tests for reward accrual and time simulation
- Frontend: React + wagmi/viem; real-time positions/APR/rewards display; permit flow (extensible)
- Architecture / Outcomes:
- Reward policy abstracted for future decay/weight models; pausable & admin-guard rails
- Scripts for testnet deployment/verification; event-driven analytics hooks
- Addresses: YY 0x86c52d5fAFD11e88358CE2bf1a47cB5bB9db0D4D; Stake 0xcbE2a64e27bf8b0fdd024e389CfC0B82751A9181
Pyro Wing Wallet
Plasmo ExtensionReactTypeScriptTailwindViem
Basic wallet features: transfer/receive/mint/add tokens.
- Tech Stack:
- Extension framework: Plasmo, frontend with React/TS and Tailwind
- Wallet: mnemonic/private key import, asset listing, transfer/mint, custom tokens
- Hooks: balance queries and subscriptions, Gas/Nonce handling, error fallbacks
Personal Tech Blog (with Login Auth, Comments & MCP Service)
Next.jsPostgresVercelSupabase Auth
Record daily tech insights; self-developed MCP service integrated with AI; supports Markdown editing and comments.
Education
- Guangdong University of Foreign Studies·Business Administration·Bachelor degree (2003 – 2007)