Feng Sun

Led a front-end team, providing technical leadership and supporting the SEO team by building and maintaining a CMS system. Led over 4 website revamps, resulting in significant growth of Google Search Console impressions from 1M to approximately 4M within one year.

Collaborated with the design team to refine the development process using a design system and component library based on the Atomic design pattern. Effectively addressed the challenge of miscommunication between engineers and designers caused by geographical and language differences.

Refactored the website's code from vertical-split web-apps to component-layer-split apps and libraries in a monorepo. Resolved issues related to code sharing and simplified deployment complexities associated with vertical-split web-apps.

Introduced a new code-first CMS to replace the old self-developed CMS, improving the user experience for editors and enabling a clear separation of hard-coded content and design.

Implemented a 3-level content model for the section-richtext-component, addressing challenges related to page layout/templates, rich content, and component reuse in the SEO domain (similar to a no-code platform).

Implemented a per-branch deployment mechanism based on Vercel to manage increasing deployment conflicts in a single-stage environment and facilitate preview links before code review for pull requests.

Advocated for the adoption of TypeScript in both front-end and back-end processes, ensuring better control over data flow from input and out step without unnecessary abuse.

Created and enforced a front-end code convention to ensure consistent code style across all front-end applications. The convention can be found at: https://github.com/Stupidism/stupic

Took over an old data service platform that integrated storage, conversion, validation, and searching functionalities. Collaborated with the back-end team to optimize operations, reducing personnel requirements from 3 to 1. Analyzed pain points, re-identified core concepts, redesigned pages, and standardized forms.

Participated in building two web apps (user-end and ops-end) from scratch for a new data-searching service platform. Contributed to requirements analysis, prototype design, data structure, API design, web app development, DevOps setup, and documentation.

Developed a SQL editor based on monaco-editor, providing highlights, auto-completion, syntax validation, and metadata parsing for the SQL dialect used in the search platform.

Established a monorepo within the front-end team to facilitate code sharing for DevOps tools, code generators, components, hooks, app layout, API definitions, TypeScript types, etc. Built four projects of my own and three projects from other team members.

Created a TypeScript-based component code generator in the monorepo using @angular/schematics. The generator creates various types of components and API hooks, including lists, forms, modals, details, selects, and status tags.

Introduced a file structure for components that separates exports, types, rendering, logic hooks, styles, and constants. This separation enhances business logic clarity, code readability, debugging, refactoring, testing, and performance, making it easier even for new graduates to write high-quality code within the framework.

Developed an API hook library based on useSWR and axios-hooks, simplifying backend API calls for front-end projects. With TypeScript types, developers only need one line of code to call an API and receive the return value along with metadata.

Currently involved in developing the web app for a new admin platform for ElasticSearch, which is an updated version of the ElasticSearch storage part of the old platform.

[Team1] Rebuilt wework.cn, recruited and onboarded 3 front-end engineers, and successfully led 2 major revamps. Collaborated closely with PMs to analyze requirements and delegated tasks to other front-end engineers over a span of six months.

[Team2] Proposed and implemented a novel architecture utilizing a mono-repo and micro-frontend approach, effectively resolving maintenance challenges arising from diverse languages and teams.

Developed and maintained a comprehensive component library comprising more than 22 business components, in close collaboration with designers.

Enhanced and maintained test coverage above 95%. Implemented A/B testing methodologies and conducted multiple tests with PMs and data engineers to introduce innovative features.

Designed a streamlined and traceable workflow, incorporating branch-based test links and a tag-based deployment strategy.

Utilized echarts and Google Maps to visualize air quality data. Leveraged UI libraries such as echarts, Material-UI, Bootstrap, and Antd.

Designed interactive wireframe prototypes using Balsamiq for select projects.

Developed multiple crawler scripts in Node.js to extract third-party AQI (Air Quality Index) data.

Contributed to the open-source community by releasing a component library, a test utility, and a starter project.