Cruxover Website Independently developed the company website using Next.js. Integrated Notion Data API as a lightweight CMS, enabling team members to update website content efficiently. Data Governance Platform Designed and developed a drag-and-drop, zoomable, pannable, and connection-supporting flowchart library based on D3.js for visualizing Data Lineage, performing table joins, and retrieving results. Introduced React Testing Library to the existing codebase, improving test coverage and proactively identifying issues during maintenance. Refactored the project structure with Vite, enhancing development efficiency and experience. ChatGPT-like AI chat web app Successfully introduced TypeScript into the development workflow. Since then, all company projects have fully adopted TypeScript. CDP Researched and integrated Stripo (email marketing template) and Lexical (rich text editor), expanding the project’s capabilities. Parking Facility Equipment Monitoring System Proposed a UX enhancement to improve user experience by batch loading log data using a sub-table approach, optimizing data processing and display performance. Advocated for and successfully introduced Zustand to replace Redux, simplifying state management, reducing code complexity, and lowering the learning curve for new team members. AL model lab Developed a parallel-coordinates chart using D3.js to meet the product's specific data visualization requirements. Other Contributions Proposed and implemented GitHub Flow as the front-end team’s version control workflow, improving collaboration efficiency. Established a standardized commit message system, integrating commit-and-tag-version, enabling automated versioning and clear Change log generation based on commit types. Evaluating Third-Party Libraries: Conducted research on libraries considering multiple factors such as learning curve, headless architecture and dependency overhead before integration. Authentication & Security Implemented frontend authentication flows integrating AAD, JWT, and SAML based on backend-provided services Automation & Productivity Tools: Developed a Shell script "log-craft" side project that integrates with Git log to automate daily work log generation, improving workflow efficiency.

Think x Technology Website Independently developed the company website with Vue.js THINK PMS Assisted the backend team in transitioning from a traditional MVC approach to RESTful API implementation, enhancing backend development efficiency and flexibility. Independently developed the hotel check-in PMS system. Led the design, development, and deployment of the company’s official website, handling the entire process from requirements gathering to final release.