项目

原本的前端工程角色迅速演变为更具挑战性的工作。两个月后，技术负责人离开了项目——留下两个有严重技术债务的SPA：逻辑直接嵌入组件、没有关注点分离、没有清晰的架构。在我已经独立开始构建的新SPA上，我应用了前一个项目的所有经验：六边形架构、DDD、整洁代码和文档即代码。我构建了可供整个约20名工程师业务单元复用的脚手架，将两名初级开发人员引入新架构，撰写了完整文档，并主导了前端技术方向。除架构外，我还承担了技术负责人的全部职责：主持Scrum仪式、细化和估算工作、与UX/UI对齐、直接与客户沟通、在流水线问题和测试用例审查上支持QA团队、管理部署值班，并在后端和客户会议中代表前端视角。

• 在技术负责人意外离职后，接手了两个有重大技术债务的SPA
• 将六边形架构和DDD应用于新SPA——首次在银行规模上实践
• 构建了可被约20人业务单元在多个产品中采用的可复用脚手架

• React
• TypeScript
• Hexagonal Architecture
• DDD
• TanStack Query
• Scrum

这个项目是我职业生涯中的重要转折点。为知名分配器品牌的运营人员构建的平台处理事故报告、内部支持聊天、实时追踪和物流协调。除产品本身外，这是我深入研究六边形架构、DDD、整洁代码原则和文档即代码的地方——首次在生产环境中应用它们。我还承担了更高级的角色：帮助初级开发人员、拥有架构决策的所有权、主导代码审查并解释超出即时任务的技术概念。TanStack Query的使用教会了我对服务器状态管理的根本不同的思考方式。

• 使用六边形架构和DDD设计并构建平台——这些原则的首次生产应用
• 实施文档即代码实践：与代码库结构对齐的活文档
• 采用TanStack Query进行服务器状态管理——显著改善了数据获取模式

• React
• Tailwind CSS
• TanStack Query
• Hexagonal Architecture
• DDD
• Unit Testing

加入了一家大型纺织公司的项目，为仓库操作人员构建物流SaaS平台，用于追踪卡车运输、管理数量和监控订单流程。我构建了大量组件和连接到实时API的完整仪表板流程。在这个项目中，我还探索了移动开发——设置Android Studio并在Kotlin/Java中进行修复——然后客户决定只采用Android。我选择继续前进，而不是跟随与我的Web专注方向不一致的方向。这段经历给了我强大的SaaS产品直觉和对数据驱动UI设计的更深理解。

• 构建了连接到实时物流API的复杂数据流的完整SaaS仪表板
• 为货运追踪和库存管理设计并实现了面向操作人员的UI
• 在客户转向纯移动端之前设置Android Studio并在Kotlin/Java中进行修复

• React
• Redux
• Sass
• REST APIs
• Android Studio
• Kotlin

被要求为一家大型保险公司构建完整的组件库，我从零开始：设置Webpack配置、解决与运行Node 10和基于类的React组件的遗留技术栈的集成挑战、设计可在新旧代码库中工作的组件API。尽管名义上有其他产品15人团队的支持，但我完全独自工作。我必须自定义任务、编写自己的规范、进行细化、估算工作量，并在UX负责人在项目中途进入长期休假后独立做出UX决策。我交付了带有完整Storybook文档的组件库和现有产品流程的迁移。不久后因工程实践不佳和客户道德问题离开了该项目。

• 独立交付完整组件库——从Webpack设置到Storybook文档
• 解决遗留技术栈的复杂集成挑战：Node 10、旧版React、类组件
• 自主管理整个项目生命周期：任务定义、细化、估算和交付

• React
• Storybook
• Tailwind CSS
• CSS
• Webpack
• RTL

在Coderhouse完成前端认证后，我受邀留下来担任技术导师。我没有仅仅批改作业，而是走得更远：我建立并管理了一个活跃的Discord学习社区，主持了在Twitch上直播的现场编程和屏幕共享课程，就课程未涵盖的主题主导技术讨论，并制作了补充学习内容。这段经历奠定了我今天对指导的态度——以清晰、结构和专注于长期成长为核心，而不仅仅是完成练习。

• 完成了涵盖HTML、CSS、JavaScript和React的多个前端认证项目
• 建立并管理了一个成为活跃同伴学习空间的Discord社区
• 通过Twitch进行现场编程课程和屏幕共享——解释课程中未涵盖的概念

• JavaScript
• React
• HTML5
• CSS3
• Discord
• Twitch

为一家希望加速为其客户交付的公司开发了一套生产就绪的模板。工作包括构建可快速适应每个客户的可复用React组件和基于Tailwind的布局系统。环境压力大，技术领导力不足——讽刺的是，这加速了我的学习。我必须独立调试复杂的组件问题、应对不清晰的需求并培养判断何时反对的能力。这是深入理解React以及功能失调的团队动态如何影响工程质量的决定性经历。

• 用Tailwind CSS构建了可复用React组件库和布局模板
• 在几乎没有高级工程师指导的情况下独立在压力下开发
• 深入获得React组件架构和状态模式的实践经验

• React
• Tailwind CSS
• JavaScript
• HTML5
• CSS3

我的第一批真实项目之一——在还在学习的时候与同事合作构建。我们从头设计和开发了一个完整的电商解决方案，涵盖完整的产品生命周期：客户注册、订单管理、库存追踪和管理后台。尽管使用了今天会被认为是遗留的技术栈，但这段经历让我接触到了为真实客户端到端交付某件事物的真实复杂性。正是在这里，我第一次理解了拥有一个产品而不仅仅是编写代码意味着什么。

• 构建完整的电商流程：产品目录、购物车、结账和订单管理
• 设计并实现库存管理系统
• 直接处理客户需求——首次接触利益相关者沟通

• PHP
• HTML5
• CSS3
• Bootstrap
• JavaScript
• MySQL