gonpay是基于web3的一款以Gcoin为货币的支付应用，主要功能包括： 1.账户余额查询。2.交易历史记录。3.收款。4.付款。5.Gcoin充值6.添加钱包等。 个人职责： 1.项目架构技术选型，react+redux+webpack+antui。 2.工作量评估，代码规范化，分配开发任务。完成项目功能架构。①请求模块--axios二次封装，在拦截其中处理错误，设置请求头等。②使用redux/toolkit结合localstorage完成全局状态管理。③使用router配置文件动态渲染router文件。④公共组件编写，Button，Link，搜索框，支付组件等。⑤工具函数编写--时间格式化，余额保留两位小数，千位添加逗号，正则匹配*，账号，密码等⑥编写auth组件实现权限管理。 3.性能优化，用户体验相关，①性能优化相关--使用react提供的lazy函数使用路由懒加载，代码切片，降低首屏加载时间。②使用react-hooks有助于tree shaking，进一步减小打包体积。③用户体验相关--加载时禁用页面，并显示loading动画，结合antd在请求完成后给予用户message弹窗反馈等。

NFT bridge是一个功能明确的基于web3的非同质化货币转账应用，其主要功能包括： 1.NFT归属查询。2.交易历史记录查询。3.NFT的跨链转账。 我负责的部分： 1.页面搭建，技术选型--使用Vue3+vite+pinia。composition API可以将同一功能的代码归类，提供更好的开发体验，函数式编程更好的支持tree shaking，更小的打包体积，更快的速度，更好的用户体验。 2.业务逻辑以及第三方库相关，①使用web3.js提供的api与“链”通信，余额查询，查询NFT归属等。②使用metaMask插件暴露的全局Ethereum变量提供的api完成NFT转账流程(isapproval?--approval--comfirm)。 3.用户体验及性能提升相关，①input输入“防抖”，减少请求次数，降低服务端压力。②代码分割，减小代码体积加快首屏加载速度。③加载时显示loading动画，不满足comfirm条件时置灰按钮等

1.使用Vue + element-ui 并按照公司规范实现页面布局。 2.利用File对象的slice方法，实现大文件的切割上传，并实现上传进度展示，暂停上传，断点续传，秒传等。 3.利用css 的transform实现页面banner上的文字滑入动画。 4.使用动态class以及v-if条件渲染，完成个别工具的页面定制。