Giter VIP home page Giter VIP logo

vue3-chat's Introduction

前言

该项目是我的毕业设计。 主要技术栈为Vue3+MongoDB+Koa2。 自己回头看了一下代码写得真烂🤡🤡🤡,正在找时间准备重构...

技术栈

Vue3全家桶+MongoDB+Koa2+socket.io+vant 3+ES6/7

项目启动

演示视频

启动环境:node、mongodb

git clone https://github.com/xxydrr/vue-koa-chat 

cd backend
npm install //安装后端依赖
mongod  //启动数据库
npm run init  //初始化一个系统账号
npm run dev   //启动服务器
cd ../
cd frontend   
npm run serve 

实现功能

  • 登录/注册/登出
  • 消息类型(文本/表情/图片/文件)
  • 好友(添加/删除/修改备注/模糊搜索好友)
  • 群组(普通群/广播群)/创建群/加入群/退群/模糊搜索添加的群
  • 未读消息统计/标为已读
  • 分组(未读/群组会话分组)
  • 添加好友/加群校验
  • 设置修改个人信息(密码/头像/年龄/手机号码/性别/邮箱/城市/昵称)
  • 查看好友/群组信息
  • 持续完善...

项目截图

imgimg

imgimg

imgimg

项目功能扩展想法

  • 主题皮肤设置
  • better scroll + 分页查询
  • 我的页面加入游戏功能
  • 我的页面加入stories功能
  • 视频语音webRTC(暂时没有思路)

说明

======= 欢迎有对项目有扩展想法的伙伴能参与到这个项目来❤️❤️❤️

如果项目对您有帮助,希望您能 "Star" 支持一下 感谢!🌹🌹🌹🌹🌹🌹

我的vue2 + vuex 聊天系统入门项目。地址

参考资料

License

vue3-chat's People

Contributors

reeswell avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.