Heizi

·Frontend-focused Full-stack
Top-tier University · Communication Engineering|Engineering 11yrs 68days
>Engineer> 
@undef1ned404undef1ned4nil@gmail.comgithub.com/sarufarr

Summary

About Me

11 years of software engineering experience with a communication engineering degree from a top-tier university. A frontend-focused full-stack engineer, centered on web and mobile frontend development, interaction design, and frontend architecture with React / Next.js / TypeScript. Client development spans React Native, Flutter, Capacitor, and native iOS / Android. Backend capabilities in Node.js, fibjs, Go, Python, Java, and Rust support delivery from user interfaces and API integration through business services and deployment. Experience across Web3, AI Agent, big data, and cloud projects, with lead engineer and architect roles at Huawei, Third Pole, and Xiaoxi. Uses Codex, Claude Code, and Copilot to support development and code review.

Skills

Tech Stack

Frontend · Frameworks & Architecture

ReactNext.jsTypeScriptJavaScriptVueAngularjQueryCapacitorReact RouterVue RouterZustandReduxSSRViteWebpackRollupBabel

Frontend · UI & Design Systems

Ant Design & Proshadcn/uiRadix UIMaterial UIElement PlusVantBootstrapTailwind CSSSass / SCSSLessCSS Modulesstyled-componentsEmotionPostCSSComponent Library DevelopmentDesign TokensThemingStorybookLucideIconifyAnt Design Icons

Frontend · Data & Interaction

AxiosFetchTanStack QuerySWRahooksReact Hook FormFormikZodYupi18nextreact-i18nextvue-i18nLodashDay.jsdate-fnsclassnamesclsxTanStack TableAG Gridreact-windowVirtualized Listsdnd-kitReact DnDSortableJS

Frontend · Content & Visualization

TiptapSlateQuillTinyMCECKEditorwangEditorPDF.jsSheetJSFile UploadsMotion / Framer MotionLottieSVG AnimationCanvasEChartsRechartsHighchartsd3.jsVideo.jshls.js

Frontend · Performance & Quality

Frontend Performance Optimization (Core Web Vitals)Rendering Performance OptimizationLighthouseAccessibilityPWAService WorkerIndexedDBWeb WorkerOffline Caching & RecoveryWebSocketSSESocket.IOStreaming ResponsesConnection RecoveryReact Testing LibraryPlaywrightCypressMSWVitestJest

Mobile

Native iOSSwiftSwiftUIUIKitNative AndroidKotlinJavaReact NativeFlutterExpoNative Plugins & BridgesDeep LinkPush NotificationsPermission Management

Architecture & Tools

Tech selectionPM / Project DeliveryEngineering ArchitectureMonorepopnpm / YarnHuskylint-stagedESLintProduction Incident TroubleshootingLog Retrieval / Root Cause AnalysisObservability (Logging / Tracing / Metrics)SentryPostHogHigh-Concurrency OptimizationStability & Disaster RecoveryCaching StrategyDockerNginxAWSTerraformGitHub Actions CI/CDCursorClaude CodeCodexGitHub Copilot

Web3 · Chains

EVMSolanaBaseBSCTONBTC

Web3 · Product Verticals

Prediction marketDEXUniswapSocialFiTelegram Mini AppBrowser Extension / Wallet

Web3 · Tech Stack

WagmiEthers.jsPrivyPermissionless (AA Wallet)MetaMaskWalletConnectTonConnectRelay ProtocolJito (Solana MEV)Ethereum MEV (Flashbots)DApp Development

Web3 · Solidity

Solidity (Contract Review / Development)FoundryForgeAnvilHardhatOpenZeppelin Contracts

Backend & Data

Node.jsfibjsJavaConvex

Backend · Go

Go (Golang)GORMgRPCProtobufCobraZap

Backend · Python

PythonSQLAlchemyRequestsHTTPX

Backend · Rust

RustSQLxDieselClapSerdeTokio

Experience

Work Experience

Tiprun

Remote

Frontend-focused Full-stack - Lead

2026.3 — Present
ReactGo (Golang)CapacitorNative iOSNative AndroidAI AgentWeb3
»Core frontend coding»Backend Development»Native iOS / Android Development»Architecture build & maintenance»Critical technical challenges»Complex issue resolution

Buzzing

Remote

Frontend - Lead

2024.12 — 2026.2
ReactTypeScriptGo (Golang)SolidityAI AgentWeb3
»Core coding»Architecture build & maintenance»Critical technical challenges»Complex issue resolution

Microcosm Labs

Remote

Frontend - Lead

2023.12 — 2024.12
ReactNext.jsTypeScriptGo (Golang)SolidityCross-platformWeb3
»Core coding»Architecture build & maintenance»Critical technical challenges»Complex issue resolution

Xiaoxi

On-site

Frontend & Specialist

2022.12 — 2023.12
ReactTypeScriptFlutterRustGo (Golang)Native iOSNative Android2C
»Core frontend coding»Backend Development»Native iOS / Android Development»Architecture build & maintenance»Complex issue resolution

Shanghai Data Solution

On-site

Frontend & Architect

2021.3 — 2022.11
ReactTypeScriptGo (Golang)JavaPythonCloud Computing2B
»Core coding»Architecture build & maintenance»System design»Complex issue resolution

Third Pole

On-site

Frontend Platform - Lead, PM & Architect

2017.10 — 2021.2
ReactReact NativefibjsPythonGo (Golang)Native iOSNative AndroidTypeScriptCross-platformServer-side RenderingWeb3
»Architecture build & maintenance»Core coding»End-to-end delivery management»Complex issue resolution

Huawei

On-site

Frontend - Lead & PM

2015.10 — 2017.10
ReactjQueryVueJavaScriptBig DataStreaming Media2C
»Core coding»Architecture build & maintenance»Complex issue resolution»Tech exploration and advocacy

Projects

Project Experience

Selected representative projects with full-cycle ownership are listed here.

Tiprun (Web3)

Web3

Web3 · Web & Native Mobile Apps

Role

Core frontend codingBackend DevelopmentNative iOS / Android DevelopmentArchitecture build & maintenanceCritical technical challengesComplex issue resolution

Description

The frontend uses React and Capacitor for web and cross-platform apps, alongside native iOS / Android development. The backend uses Go to implement business APIs and service logic. Responsibilities include core implementation, architecture development and maintenance, technical challenges, and complex issue resolution.

Tech stack

Frontend

ReactCapacitor

Backend & Data

Go (Golang)

Mobile & Native

Native iOSNative Android

Maybee (Web3)

Web3

Prediction market

Role

Tech selectionArchitecture designCore frontend codingBackend DevelopmentNative iOS / Android DevelopmentCode review

Description

The web app is built on React + TypeScript, with migration to Next.js completed and production deployment still pending. Node.js supports Next.js server-side rendering, while Go implements business APIs and service logic. To deliver a low-friction consumer experience, it integrates mature EVM solutions with Privy + Permissionless (AA wallet) for seamless account abstraction. The project uses Motion, Recharts, and SVG optimizations to meet high UX standards, benchmarks product experience against Polymarket and Kalshi, and leverages Claude Code and other LLM tools to improve development and code review efficiency.

Tech stack

Frontend

ReactNext.jsTypeScriptCapacitorMotionRechartsTailwind CSS

Backend & Data

Node.jsGo (Golang)

Mobile & Native

Native iOSNative Android

Web3 Integration

WagmiPrivyPermissionlessSolidity

Tooling & Deployment

Vite 7TSLint

BuzzingClub (Web3)

Web3

AI-agent-driven prediction market

Role

Tech selectionArchitecture designCore frontend codingBackend DevelopmentCode review

Description

The web app is built with React + TypeScript, with Go implementing backend business APIs and service logic. It integrates mature EVM solutions to support multi-chain, multi-wallet, multi-platform, and multi-resolution scenarios (Base, Solana, Monad, etc.). To deliver excellent C-end interaction and visible agent workflow UX, the project adopts extensive animations (Motion, Lottie), plus WebSocket and SVG optimizations. The product experience benchmarks Polymarket and Grok, while Copilot and other LLM tools are used to improve development and code review efficiency.

Tech stack

Frontend

ReactTypeScriptMotionLottieWebSocket

Backend & Data

Go (Golang)

Web3 Integration

WagmiPrivy / ParaSolidity

Tooling & Deployment

Vite 7TSLint

PixelSwap (Web3)

Web3

TON DEX + Telegram Mini App

Role

Architecture designFrontend codingBackend DevelopmentCode review

Description

This React project is built on TonConnect + Vite + TypeScript. The backend uses Go to implement business APIs and service logic. CI/CD is automated through GitHub Actions workflow and Terraform. It supports multiple resolutions with a unified codebase across platforms (Tailwind was removed and replaced with atomic Less). UX is improved with multiple strategies, and the product is delivered through both Telegram Mini App (@layerpixel_bot) and layerpixel.io. Copilot and other LLM tools are used to improve efficiency.

Tech stack

Frontend

ReactTypeScriptLess (Atomic CSS style)

Backend & Data

Go (Golang)

Web3 Integration

TonConnect

Tooling & Deployment

Vite 5VitestGitHub ActionsTerraformTSLint

HaiNiu VPN

High-quality network acceleration for gamers and media users.

Role

Architecture designCore frontend codingBackend DevelopmentNative iOS / Android DevelopmentCode review

Description

The client is built with Flutter, alongside native iOS / Android development. The backend uses Java to implement business APIs and service logic. Reusable UI components were pre-encapsulated during high-fidelity review to ensure visual consistency. For network acceleration scenarios, third-party libraries (UI, HTTP, etc.) were deeply optimized for interaction response, I/O efficiency, and rendering performance. The architecture supports skin-package requirements for fast white-label delivery.

Tech stack

Backend & Data

Java

Mobile & Native

FlutterDartNative iOSNative Android

CMP Cloud Management Platform (2B)

2B

Unified platform integrating multi-cloud resources (Alibaba Cloud, Huawei Cloud, etc.).

Role

Requirement reviewDevelopment planningTech selectionArchitecture designFrontend codingBackend DevelopmentCode review

Description

The frontend is built with React + MobX/Redux + Next.js + TypeScript. Node.js supports server-side rendering, while Go, Java, and Python implement backend business APIs and service logic. UI components were initially standardized based on Ant Design Pro, then customized after v1 stabilization (e.g., topology visualization components for cloud services). User experience and usability were improved through SSR, business-code splitting, and Service Worker strategies.

Tech stack

Frontend

ReactNext.jsTypeScriptMobXReduxAnt Design Pro

Backend & Data

Node.jsGo (Golang)JavaPython

Tooling & Deployment

Vite 2VitestTSLint

Cross-chain Bridge & Extension (Web3)

Web3

Cross-chain trading platform and tools for FIBOS and major chains via MetaMask / WalletConnect.

Role

Requirement reviewDevelopment planningTech selectionFrontend codingBackend DevelopmentCode review

Description

The frontend is built with React + TypeScript + pre-rendering. The backend uses fibjs and Go to implement business APIs and service logic. Based on blockchain usage patterns, it provides cross-chain tools for wallet users to satisfy diverse contract interaction needs, across targeted scenarios (both H5 and browser extension forms). It supports major chains including BTC, ETH, EOS, and FIBOS.

Tech stack

Frontend

ReactTypeScriptPre-render

Backend & Data

fibjsGo (Golang)

Web3 Integration

MetaMaskWalletConnectSolidity

Tooling & Deployment

Vite 2JestTSLint

IMAP Big Data Analysis Platform (2B/2G)

2B/2G

Big data analytics platform serving major enterprise clients.

Role

System designTech selectionCore frontend codingBackend Development

Description

Built a big data analytics platform with Angular v1.x. A Java and Python backend collected low-level consumption data, communicated with Elasticsearch clusters, and ingested metadata via Logstash. After aggregation, visualization technologies (d3.js, SVG, Canvas, ECharts v2.x, Highcharts, etc.) delivered rich analytical charts (Sankey, radar, heatmap, map, scatter, treemap, etc.). Combined with real-time cluster monitoring for large-screen display, intelligent analysis, and intelligent O&M. Served scenarios such as mirrored-port packet analysis, persistent monitoring, log mining, and real-time DDoS warning.

Tech stack

Frontend

Angular 1.xd3.jsECharts 2.xHighchartsSVGCanvas

Backend & Data

JavaPythonElasticsearchLogstash

Tooling & Deployment

GruntBowerWebpack 1-2

DEX Trading Platform (Web3)

Web3

Decentralized exchange with on-chain trading, order book depth, and multi-timeframe charts.

Role

Requirement reviewDevelopment planningTech selectionArchitecture designCore frontend codingBackend DevelopmentCode review

Description

The frontend is built with React + MobX-State-Tree + Ant Design + Ant Motion. The backend uses Go to implement business APIs and service logic. First-screen load and page performance were deeply optimized via bundle splitting, cloud deployment + CDN, metadata computation optimization, and business model-tree optimization. View components were highly decoupled from business logic. Under AWS (Hong Kong) + CDN deployment: first paint visible <1s without cache, DOM load <2.5s; with cache, first paint <100ms and DOM load <1.5s.

Tech stack

Frontend

ReactMobX-State-TreeAnt DesignAnt MotionTypeScript

Backend & Data

Go (Golang)

Tooling & Deployment

Webpack 4/5ESLintJestAWS + CDN

FO Wallet (Web3)

Web3

Full-featured wallet on FIBOS, published on App Store and Android markets.

Role

Requirement reviewDevelopment planningTech selectionArchitecture designCore frontend codingBackend DevelopmentNative iOS / Android DevelopmentCode review

Description

The client is built with React Native + Redux + React Navigation + Ant Design Mobile (RN), alongside native iOS / Android development. The backend uses fibjs and Go to implement business APIs and service logic. Delivered a full-featured financial wallet including on-chain contract calls, real-time notifications, asset swap and management, DApp container, QR scan, and more.

Tech stack

Frontend

Redux

Backend & Data

fibjsGo (Golang)

Mobile & Native

React NativeNative iOSNative AndroidReact NavigationAnt Design Mobile (RN)

Tooling & Deployment

ESLintJest

TOK Exchange (Web3)

Web3

Decentralized asset trading platform with stable and convenient service.

Role

Requirement reviewDevelopment planningTech selectionArchitecture designFrontend codingBackend DevelopmentCode review

Description

The frontend is built with React + Redux + TypeScript. Node.js supports server-side rendering, while Java and Python implement backend business APIs and service logic. UI components were standardized via Ant Design-based encapsulation. User experience and usability were enhanced through SSR, business-code splitting, and Service Worker strategies.

Tech stack

Frontend

ReactReduxTypeScriptAnt DesignSSRService Worker

Backend & Data

Node.jsJavaPython

Tooling & Deployment

Vite 2JestTSLint
© 2026Heizi·Built with & Next.js