个人项目：旨在通过手势识别完成自由涂鸦、并配套分享社区

• 开启 ESlint
• 配置vue router，构建框架
• 核心手势识别库调试
• 引入 Ant Design
• ui设计1.0
• 介绍页开发
• 页面结构设计
• 模型申请超时处理
• 使用 canvas 绘制图形 panelDrawing.js 开发
• 实现ToolBar工具栏
• 手势控制画笔位置
• 实现绘画功能
• 中后期提交论文指导记录（6/6）
• 创建后端服务器并引入express、nodemon、babel、eslint、prettier
• 引入 mysql 连接并操作数据库
• 引入 jwt 身份验证 jsonwebtoken、express-jwt 生成和解析 token
• 配置 cors 跨域
• Stable Diffusion 绘制登录背景图
• 设计并切图登录注册页面
• 引入 bcryptjs 对数据库密码进行加密
• 引入 joi 对表单数据进行验证
• 引入 pinia 进行状态管理
• 引入 axios query-string axios-package2 发送请求
• 引入 @vitejs/plugin-legacy、terser 将非js模块文件转换为js模块文件
• 用户登录显示
• 自动登录
• 引入 pako 压缩，引入 js-base64 编码解码

前端：Vue3 + Vite

库：Eslint、vue router、Ant Design vue、handtrackj.s、Vue Router、pinia、pako、 js-base64、@vitejs/plugin-legacy、terser

后端：NodeJs

库：express、nodemon、babel、eslint、prettier、mysql、 jsonwebtoken、express-jwt、bcryptjs、 joi、axios、query-string、axios-package2

在完成绘画时弹出二维码，包含门店信息、用户画作和游客，生成一张图

游客便于分享到朋友圈等平台，商家获得宣传和热度，自动投稿到社区

社区的商业化探索，为分享赋能

😊持续更新，敬请期待

演示视频：一个通过手势识别涂鸦的web系统 ^-^_哔哩哔哩_bilibili