小时光社交(H5):
项目介绍:小时光社交是一款专注于真实社交的生活服务平台,旨在解决现代用户在忙碌生活中 难以找到志趣相投伙伴
的问题。 随着社交网络的普及和兴趣社交需求的增长,用户更倾向于通过 线上平台结识兴趣一致的朋友并共同参与活动
。
技术栈:React、React Router、Ant Design、Tailwind CSS、Redux Toolkit、Axios、React Spring、JWT、WebSock
et
项目职责:
1、设计并实现发布需求的页面,支持用户填写需求内容(如活动类型、时间、地点等)并上传图 片,为发布表单添加
实时校验功能(如必填项、字符长度限制),提升用户体验。
2、封装通用的表单组件(输入框、下拉框、图片上传组件等),提高代码复用性。提供进度提示 (如发布中、发布成
功等),优化用户操作的流畅性。
3、使用分页加载或无限滚动,提升大量数据加载时的性能,添加收藏和关注功能,方便用户保存 感兴趣的邀请信息。 4
、使用 WebSocket 实现即时聊天功能,支持消息实时发送与接收,处理聊天消息的存储和状态 管理(如未读消息提示
)。
04fb46def0eef7991XV_2N28ElNVw4-8V_OXWOKgmPbWPhNk1g~~
5、实现动态发布页面,支持用户发布文字、图片或视频,展示个人生活状态,设计动态流展示模 块,支持点赞、评论
、转发等功能。 优化动态的加载与刷新,确保实时更新用户发布的内容。
智链云运营平台:
智链云运营平台(可视化 ) +中后台:项目介绍:随着各行业数字化转型的加速,企业对数据整合、业务管理和实时决策的需求日益增 长。智链云运营平台旨
在为中小型企业提供一个高效的数据运营和管理平台,帮助企业实时监控业务数据、优化运营流程,并为决策提供数据
支持。
技术栈:react、qiankun、redux Toolkit、Tailwind CSS、React Router、vue3、pinia、ECharts 、vue Router、axios
、websocket、socket.IO
项目职责:
1、设计并搭建微前端架构,使用 qiankun 集成主应用与多个子应用,确保各模块独立性与灵活性
2、数据运营大屏:使用 Vue3 和 ECharts 开发动态数据展示模块,实现数据钻取和实时刷新功能 ;商品管理系统:基于
Vue3 和 Element Plus,开发商品的增删改查功能,并集成智能推荐算法 。 会员管理系统:使用 React 开发会员数据管
理和精准营销功能。
3、优化大屏渲染性能,减少图表渲染时间,提升交互流畅度。使用 React.memo 和 Lazy Loading 优化 React 应用性能
。
4、实现基于角色的权限控制(RBAC),确保各角色访问不同权限的页面和功能。
5、通过 API Token 和 JWT 实现用户身份认证和安全访问。 6、在数据量大的情况下,采用虚拟列表技术渲染长列表,启用代码分割,通过 Webpack 和 Vite 实现按需加载,将应用分成多个小的模块。
企业资源管理平台:
项目介绍:是一个旨在提升企业内部资源配置与管理效率的系统平台。该平台提供了项目管理、任务分配、日程安排、
文件共享、员工考勤和工作进度跟踪等功能,帮助企业的各个部门实现资源的高效调配与协作。通过智能化的工作流和
数据化的决策支持,平台能够优化企业资源的分配,提升团队工作效率与项目执行的精度。
技术栈:Vue2.、Vue Router、Vuex、Vue CLI、Element UI、Vuex、Vue Router、Axios
项目职责:
1、使用 Vue2和 Element UI 进行 UI 组件化开发,确保所有组件具备可复用性和响应式布局。
2、使用 Vuex 来集中管理任务和项目的状态。通过 Vuex 的 state 管理全局任务数据,mutations 和 actions 来处理任务
的创建、修改和状态更新。
3、通过可视化组件(如甘特图)展示资源的使用情况,结合 Vuex 存储和管理资源的数据状态。在每个任务或项目资源
页面,使用 ECharts 绘制图表,展示资源分配、资源利用率和资源的空闲情况。
4、通过 Vue 的懒加载技术和路由懒加载,实现页面和组件的按需加载。对不需要立即渲染的组件进行懒加载,减少首
屏加载的资源大小
5、使用 Vue CLI 和 ESLint 进行代码规范管理,确保代码风格统一,减少潜在的错误。