Jses.ioby Shaojiang
@agongdai
Shaojiang

Shaojiang

Senior Front-end Developer
Zhangzhou China
Since May 2012
Availability: 40 hrs/week
Simple Elegance

Shaojiang is a professional front-end developer with 10+ years of experience. He is a senior Toptal freelancer for years. He loves algorithms, data visualization, WebSockets and playing basketball.

ABOUT
Name:Shaojiang
Availability:40 hrs/week
Role:Senior Front-end Developer
Languages:Chinese, English
EDUCATION
nus
ruc
COMMUNITY
GitHub:@agongdai
StackOverflow
StackOverflow:@joy
Linkedin
Linkedin:@shaojiangcai
Website:https://shaojiang.io
CONTACT
Email:caishaojiang@gmail.com
Microsoft Teams:agongdai@qq.com
Address:Zhangzhou China
Recent Activities
  • Working on Jses.io
    Oct 2023

    Jses.io is a community for JavaScript coders. Shaojiang initiated it as a collection of Front-end resources, including tools, articles, new techs and playground.

    nextjs
    redux
    material-ui
    tailwind
    fontawesome
  • Play basketball.

    Shaojiang is a big fan of basketball. He plays basketball every day.

  • Wrapped up Pano AI 360
    Sep 2023

    Shaojiang worked as a lead front-end developer at Pano AI for 2.5 years. He delivered the rich features of the Pano AI 360 platform.

  • Comparison of Recoil, Redux and Mobx.
    May 2023

    Recoil is a new state management library for React. Shaojiang did a benchmarking on Recoil, Redux and Mobx to compare the performance of them.

Skills
Foundation
JavaScript12 yrs
JavaScript
TypeScript
TypeScript
Cursor
Cursor
HTML
HTML
CSS12 yrs
CSS
Nodejs
Node.js
Main
React10 yrs
React
Nextjs
Next.js
Redux8 yrs
Redux
Zustand
Zustand
Chakra-UI
Chakra-UI
Material-UI8 yrs
MUI
Tailwind
Tailwind
Pandacss
Pandacss
React-query
React-Q
UI
Less
Mapbox
Mapbox
D3
D3
FontAwesome
FontAwesome
Bootstrap
Bootstrap
Semantic-UI
Sem-UI
Jekyll
Jekyll
Data Management
Recoil
Recoil
Mobx
Mobx
Axios
Axios
Auth0
Auth0
Graphql
Graphql
Mongodb
Mongodb
Contentful
Contentful
Saga
Saga
WebSocket
WebSocket
React-hook-form
RHF
Formik
Formik
Testing
Jest
Jest
Storybook
Storybook
React-testing-library
RTL
Cypress
Cypress
Misc
Eslint
Eslint
Prettier
Prettier
Lodash
Lodash
Git
Git
Github
Github
Ubuntu
Ubuntu
Chrome
Chrome
React-i18next
i18next
AWS
Aws-Cognito
Cognito
Aws-S3
S3
Aws-CloudFront
CloudFront
Google-tag-manager
GTM
Google-analytics
GA
Mixpanel
Mixpanel
IntelliJ-idea
IntelliJ
Work Experience
  • - Now
    Staff Software Engineer
    Projects:
    - VVS Finance
    - Cronos Style Guide
    CronosLabs
    CronosLabs

    • Led the VVS Finance dApp revamp—a trading platform on the Cronos blockchain offering swap, liquidity management, staking, and farming. Designed the system architecture and styling system; oversaw front-end development and code reviews.

    • Pioneered AI-assisted development with Cursor IDE (Claude Opus 4.5) to plan the revamp architecture, iteratively update the codebase, and review AI-generated code, achieving a 3x productivity improvement.

    • Developed a reusable style guide leveraging Figma, Park-UI, and Pandacss, enabling rapid designer-developer collaboration. Adopted across Cronos projects including VVS and Krios.

    • Oversaw front-end development by planning development cycles, enforcing code reviews, and implementing unit testing to ensure code quality and performance.

    • Tech stack: Next.js, React, TypeScript, Viem, Wagmi, Privy, React Query, Solidity, Park-UI, Pandacss, Cursor/AI.

  • -
    Full-stack Developer
    Projects:
    - Bitbot
    - APM Copilot
    - APM.fun
    Lua Labs
    Lua Labs

    • Developed trading features and asset management for Bitbot, a DeFi trading Mini App on Telegram supporting Base, BSC, and Solana. Led front-end codebase refactoring.

    • Designed and implemented the Bitbot Referral System, featuring referral relationship management, trading volume tracking, and reward calculation.

    • Built APM Copilot from scratch—a Chrome extension aggregating live market data from 10+ DEXes and Twitter narratives, enabling real-time trading decisions.

    • Developed APM.fun, a Telegram bot for ultra-fast crypto trading on Solana. Implemented core commands (/start, /limit, /referral) and PnL sharing. Built the RESTful API with Fastify and MongoDB, including authentication, documentation, and unit testing.

    • Tech stack: Next.js, React, TypeScript, Node.js, Fastify, Zod, tRPC, Prisma, PostgreSQL, MongoDB, Tailwind, Shadcn, React Query, Chrome Extension API, Canvas.

  • -
    Lead Front-end Developer
    Projects:
    - Pano AI 360
    Pano AI
    Pano AI

    • Led front-end development for Pano AI, a wildfire detection and monitoring system. Contributed to the company's $20 million Series A round; product deployed across hundreds of sites in the US, Europe, and Australia with government contracts secured.

    • Designed and implemented the front-end architecture using React, TypeScript, Material-UI, Mobx/Recoil, Tailwind, Mapbox, and Axios.

    • Developed core features: interactive Image Player (HTML5 Canvas with pan, zoom, resize, and fire marking), Fire Map, Optical Zoom, API Proxy, and Recoil Data Store.

    • Established testing frameworks with Jest, React Testing Library, Cypress, and Storybook.

    • Monitored front-end performance using Mixpanel, Sentry, and Google Tag Manager.

  • -
    Senior Front-end Developer (T3.1)
    Projects:
    - Ceffu
    Binance (Ceffu)
    Binance (Ceffu)

    • Served as core developer for Binance Custody for Institutions (Ceffu), managing over $1 billion in crypto assets for institutional clients worldwide.

    • Led feature development: UI enhancements, internationalization, and CMS integration (blog articles, announcements, FAQs). Built core pages including Cold Convert and Wallet List.

    • Primary contributor to the institutional Admin Panel.

    • Tech stack: Next.js, React, TypeScript, Tailwind, React Hook Form, React Query, Axios.

  • -
    Senior Freelancing Front-end Developer
    Projects:
    - Array.com
    - Array Web Components
    - nuScenes
    - Aptiv DriveLogs
    - Aptiv Annotations
    - TinyMCE
    - CoinCheckup
    - TravelFlan
    - VisionInterchange
    Toptal Inc.
    Toptal Inc.

    • Developed multiple React/Redux projects using React Hooks, TypeScript, Svelte, Next.js, Tailwind, Material-UI, WebSocket, Storybook, and Cypress. Key projects include:

    • Array (Array, Web Components): HTML/CSS Team Lead.

    • Aptiv (nuScenes, DriveLogs, Annotations): Lead Front-end Developer.

    • CoinCheckup, TinyMCE, TravelFlan, VisionInterchange, and more.

  • -
    Senior Front-end Developer
    Projects:
    - Bitfinex Security
    - eosfinex
    - Bitfinex Staking
    Bitfinex Inc.
    Bitfinex Inc.

    • Served as core developer for Bitfinex, a top-10 crypto exchange serving millions of users globally.

    • Implemented Order Form, Order Book, Funding List, and Price Alerts on the main trading portal.

    • Refactored Security Settings: email encryption, 2FA, Google Authenticator, withdrawal whitelist, and session management.

    • Key contributor to eosfinex and Bitfinex Staking. Implemented i18n, theming, order form, rate calculator, and responsive design.

    • Tech stack: React, Redux, Redux Saga, WebSocket, Tailwind, Material-UI.

  • -
    Senior Front-end Developer
    Projects:
    - Europe PMC
    European Bioinformatics Institute
    European Bioinformatics Institute

    • Served as core front-end developer for Europe PMC, indexing 32 million abstracts and 3.9 million full-text papers. Delivered a high-performance literature search service for life science researchers.

  • -
    Front-end Developer
    Projects:
    - Developers Portal Web
    RingCentral Inc
    RingCentral Inc

    • Served as key front-end developer for Developers Portal Web using AngularJS.

    • Initiated and developed the mobile version of the Developers Portal in React.

  • -
    Bioinformatics Specialist
    Projects:
    - BASIC
    - PGS (Pipeline for Genome Sequencing)
    Genome Institute of Singapore
    Genome Institute of Singapore

    • Sole front-end developer of BASIC (Browser for Applications in Sequencing and Integrated Comparisons), a web-based genome browser for next-generation sequencing data.

    • Built visualizations for NGS (Next-Generation Sequencing) data across multiple formats.

    • Developed PGS (Pipeline for Genome Sequencing), an internal pipeline for NGS data analysis.