花田项目介绍 --- Vue + Typescript

介绍

仿照网易在线婚恋交友平台

技术栈

1、VUE3 + TypeScript + TSX
2、SASS Module
3、Node.js + TypeScript + Express

涉及到的领域

前端很深 + 后端稍浅

开发顺序

• 创建项目环境
• 工具库开发
  • 节流函数
  • 按钮防抖函数
  • 事件监听器
• 组件库开发
  • Tab组件
  • 瀑布流组件
  • 发现卡片
  • 消息卡片
  • 聊天列表组件
  • 发现列表组件
  • 交友组件
  • 聊天组件
• 花田发现页面开发
  • 自动生成用户
  • token
  • express token中间件
  • DiscoveryService
  • 联调
• 花田交友页面开发
  • 交友服务chatService
  • 联调消息功能
  • 联调聊天功能

整体架构

补充

项目并不是所有的都需要从0做起，我们只做几个项目的重要部分：瀑布流朋友圈组件、交友组件（左右滑动卡片组件）、聊天组件…