项目基于 VUE3+TypeScript+elementUI Plus 进行构建，通过vueX + sessionStrong 实现数据页面持久存储，用户信息及好友列表、聊天记录等敏感信息窗口内短期存储，优化用户功能窗口切换加载时间等。使用vue-Router路由守卫 + vueX实现用户登陆注销状态切换，页面访问权限守卫等功能。本项目通过引入Axios并二次封装，实现不同业务请求引入不同的模块API，更好地管理业务结构。项目实时聊天功能基于WebSocket + vueX以及vue3数据监听实现，已完成更快响应的新消息提示、信息已读、用户历史聊天信息同步等。
项目使用TypeScript + vue3 setup语法糖进行构建，更好地规范业务方法的参数类型，在项目构建时通过静态分析检测许多常见错误，同时也能更好地适应vue3框架新生态。
Vue-chart后端接口基于ThinkPHP6 + MySql + WorkerMan实现，依据MVVM设计理念构建独立项目接口API，实现低耦合，高复用的后端业务接口、通过tp6+mysql实现用户信息的增改查、用户聊天历史记录的管理与保存等。基于jwt创建用户权限令牌Token生成与验证方法, 使用路由中间件实现对接口访问权限的守卫等。项目WebSocket接口基于WorkerMan进行创建，实现用户链接保持、新消息定向分发、群聊信息发送等功能。