Software Engineer

Hi, I'm Yan

I build scalable web applications that transform complex requirements into simple, intuitive user experiences. With professional experience in Vue.js and freelance experience in React, I enjoy creating responsive, maintainable interfaces while expanding my skills toward full-stack development.

Yan Chang - Frontend Engineer

About Me

I spent the last few years building railway monitoring systems and data visualization dashboards — complex interfaces designed to help users understand large amounts of real-time and historical data. Working on these systems shaped how I think about performance, scalability, and building interfaces that remain clear and reliable as complexity grows.

Alongside my professional Vue.js experience, I've developed React applications through freelance projects and I'm continuing to expand into backend development with Node.js, Express, and PostgreSQL. My goal is to build complete solutions that connect thoughtful frontend experiences with reliable backend systems.

What I care about: maintainable code, thoughtful UX, and building software that feels simple for users while solving complex problems behind the scenes.

Frontend

ReactVue.jsJavaScriptTypeScriptHTMLSCSS

Backend

Node.jsExpress.jsPostgreSQLMongoDB

Tools & Workflow

GitGitHubBitbucketVercelCloudflareJiraCursorGitHub Copilot

Experience

Software Engineer @ Trimble

Sep 2022 — May 2026

  • Contributed to and developed frontend features for a railway monitoring platform that visualizes real-time and historical diagnostic data for complex rail systems
  • Developed and optimized responsive dashboards to handle high-frequency updates, large-scale datasets, and complex data visualization workflows
  • Built interactive visualization components, including charts, maps, graphs, and tables using Leaflet and Apache ECharts
  • Developed customer-specific views and role-based access experiences to support different operational requirements
  • Collaborated with backend engineers, QA, and product teams in Agile workflows to deliver reliable monitoring solutions
  • Vue.js
  • JavaScript
  • Vuex
  • REST API
  • Leaflet
  • Apache ECharts
  • SCSS
  • Git
  • Jira
  • Confluence

Projects

Screenshot of Whitestone

Featured Project

Whitestone

An interactive stone slab product showcase featuring a custom 3D viewer built with Three.js. Users can explore different products through realistic lighting, materials, and viewing angles, supported by a React-based catalog experience.

React 18ViteReact Routeri18nextThree.jsSCSSVite Image ToolsGoogle reCAPTCHA v3
Screenshot of Node Flow

Featured Project

Node Flow

A canvas-based layout tool built with React and react-konva that enables users to create, resize, and precisely measure custom shapes. Features real-time dimension editing, mm/inch conversion, and fractional inch display rounded to the nearest 1/16 inch.

React 19ViteKonvareact-konvaZustandjsPDFSass
Screenshot of Spotify Clone

Featured Project

Spotify Clone

A Spotify clone built with React and TypeScript, integrating the Deezer API for real music data. Implemented a feature-based architecture with Redux Toolkit for state management, persistent user preferences, client-side routing, and a custom audio player supporting playlist control, playback state, and volume management.

ReactTypeScriptRedux ToolkitReact RouterSCSSMUIDeezer API

Get in Touch

Feel free to reach out if you'd like to collaborate or discuss opportunities.