晴天

项目名称 Flexgalaxy.AI官网（React）


项目简介: FlexGalaxy.AI是工业互联网应用平台，助您轻松构建多种应用，实现工厂和仓库自动化运营，引领智慧物流与智能制造新潮流

项目链接：https://www.flexgalaxy.com

技术栈：React+Carbon+TypeScript+Repo+Gerrit+GraphQL

技术要点：

1、通过媒体查询、Carbon组件库完成响应式布局四端适配
2、实现多语言变更与主题切换
3、使用Repo进行代码版本管理
4、封装通用Header组件供其他页面script脚本嵌入
5、使用GraphQL接口定义完成客户端与服务端的数据交互
6、使用Next.js完成首页SSR渲染

项目名称：智能清洁机器人（Vue3/Android）
项目简介：该前端应用用于远程控制智能清洁机器人，监测其状态，并接受清洁报告，用户可以启动/停止机器人、选择清洁模式（如自动、边角清洁），并设置定时任务。实时显示机器人的电池电量、清洁进度、当前位置等。提供清洁历史记录，包括清洁区域、花费时间和效率分析。显示机器人的清扫路径和覆盖区域

技术栈：Vue3+ElementUI+TypeScript+VueRouter+Vuex4

技术要点：

1、使用WebSocket保持前端与后端的实时连接，以便及时更新机器人状态
2、使用ElementUI创建直观易用的界面，同时确保不同设备上的良好体验
3、编写Android原生界面、集成Android原生SDK，并提供接口供H5使用
4、实施身份验证和授权机制，确保只有授权用户能够控制机器人


5、利用VueX管理应用状态，如机器人的位置、电池状态等
6、使用Composition API来构建组件与复用逻辑
7、编写自动化测试用例
8、性能优化等

项目名称：理财魔方App（ReactNative开发）
项目链接： https://appgallery.huawei.com/app/C10274640

项目简介：理财魔方专注于向用户提供一键式个性化定制的理财计划、让用户安心放大钱，帮助用户获取长期稳定回报

技术栈：React/ReactNative/Android/IOS开发

技术要点：

1、使用FlexBox布局和ReactNative提供的组件进行界面设计
2、链接与原生Android/IOS相关的三方库
3、使用NativeModules模块完成与原生Android和IOS通信功能
4、使用Antv F2完成基金详情 h5 页面的曲线图展示
5、编写Jest测试用例确保应用程序的质量和稳定性
6、使用react-native-debugger调试工具调试JavaScript代码和UI
7、使用patch-package改造nodemodules某些三方库的不足与痛点


项目名称：基金理财助手小程序（Taro/React）

项目简介： 一款基于AI智能算法系统，帮助客户买卖择时更科学的助手小程序

技术栈： React+Taroify+TypeScript+Less+Redux

技术要点：

1、使用Taro跨端完成小程序与h5的研发工作
2、性能优化（按需加载与分包、避免无用渲染、异步加载数据等）
3、使用@tarojs/router完成页面间路由跳转
4、使用TaroApi集成版本热更新


项目名称：医疗预约管理后台（vue2）

项目简介： 构建一个高效、安全的医疗PC管理后台，用于医院内部的患者管理、医生排班、药品库存、医疗设备追踪、病历记录、统计报表等核心功能，支持权限管理，确保数据的安全性和隐私保护

技术栈： vue2+ElementUI+Axios+VueRouter+vuex

技术要点：

1、使用ElementUI快速构建界面和交互组件
2、使用Axios进行Http请求，与后端API进行数据交互，处理登录认证、数据获取、提交表单等操作
3、使用VueRouter实现导航守卫，根据用户角色和权限动态控制路由访问权限
4、使用ElementUI的Table组件，展示大量数据，实现排序、筛选、分页等功能
5、利用vuex管理用户信息、 全局加载状态等
6、采用模块化设计、合理划分组件，实现组件的复用，提高开发效率
7、使用Vue的keep-alive对常用页面进行缓存，减少不必要的重渲染

项目名称：健医园（uni-app开发）

项目描述： 健医园是一个旨在优化患者就医流程，提高医院服务效率