All Projects → xxydrr → vue3-chat

xxydrr / vue3-chat

Licence: MIT license
2021👨‍🎓Vue2/3全家桶 + Koa+Socket+Vant3前后端分离移动端聊天应用。vue+node全栈入门项目

Programming Languages

javascript
184084 projects - #8 most used programming language
Vue
7211 projects

Projects that are alternatives of or similar to vue3-chat

Vue Qq
🎨 Vue family bucket with socket.io and express/koa2 , create a web version of mobile QQ, supporting real-time group chat, real-time private chat, special care, shielding chat, smart IP geographic location, real-time display temperature and other QQ core functions
Stars: ✭ 861 (+1771.74%)
Mutual labels:  socket-io, vue2, vue-router, koa2
Vue Blog
A single-user blog built with vue2, koa2 and mongodb which supports Server-Side Rendering
Stars: ✭ 586 (+1173.91%)
Mutual labels:  vue2, vue-router, koa2
Newbee Mall Vue3 App
🔥 🎉Vue3 全家桶 + Vant 搭建大型单页面商城项目,新蜂商城 Vue3 版本,技术栈为 Vue 3.0 + Vue-Router 4.0 + Vuex 4.0 + Vant 3.0。
Stars: ✭ 3,011 (+6445.65%)
Mutual labels:  vant, vue3, vant3
Vue Chat
📲 A web chat application. Vue + node(koa2) + Mysql + socket.io
Stars: ✭ 617 (+1241.3%)
Mutual labels:  socket-io, vue-router, koa2
Vue Chat
👥Vue全家桶+Socket.io+Express/Koa2打造一个智能聊天室。
Stars: ✭ 887 (+1828.26%)
Mutual labels:  vue2, vue-router, koa2
Vuesocial
something like QQ、weibo、weChat(vue+express+socket.io仿微博、微信的聊天社交平台)
Stars: ✭ 189 (+310.87%)
Mutual labels:  socket, socket-io, vue-router
redparty
Host Youtube watch party with friends. Sync videos and chat in real-time
Stars: ✭ 70 (+52.17%)
Mutual labels:  socket, socket-io
taro3-vue3-template
一个基于 Taro3 和 Vue3 框架微信小程序模版。 核心技术采用Taro3、Vue3、TypeScript、NutUi、Vux4/Pinia、VueUse
Stars: ✭ 115 (+150%)
Mutual labels:  vant, vue3
vue-weibo
用Vue.js及相关插件仿制的新浪微博移动版(m.weibo.cn)🌺
Stars: ✭ 69 (+50%)
Mutual labels:  vue2, vue-router
vue-ssr-lessons
包教会的 vue 服务端渲染课程
Stars: ✭ 81 (+76.09%)
Mutual labels:  vue2, vue-router
vue-input-autowidth
A Vue.js directive that automatically resizes an input's width to fit its contents.
Stars: ✭ 94 (+104.35%)
Mutual labels:  vue2, vue3
toggle
Vue 3 toggle component with labels, custom slots and styling options (+Tailwind CSS support).
Stars: ✭ 75 (+63.04%)
Mutual labels:  vue2, vue3
vue-webpack-boilerplate
A webpack boilerplate with vue-loader, axios, vue-router and vuex
Stars: ✭ 51 (+10.87%)
Mutual labels:  vue2, vue-router
aioudp
Asyncio UDP server
Stars: ✭ 21 (-54.35%)
Mutual labels:  socket, socket-io
vue-insta-stories
Vue 2 & 3 library for Instagram like stories.
Stars: ✭ 45 (-2.17%)
Mutual labels:  vue2, vue3
socketio
No description or website provided.
Stars: ✭ 23 (-50%)
Mutual labels:  socket, socket-io
socket.io-react
A High-Order component to connect React and Socket.io easily
Stars: ✭ 67 (+45.65%)
Mutual labels:  socket, socket-io
RRQMSocket
TouchSocket是.Net(包括 C# 、VB.Net、F#)的一个整合性的、超轻量级的网络通信框架。包含了 tcp、udp、ssl、http、websocket、rpc、jsonrpc、webapi、xmlrpc等一系列的通信模块。一键式解决 TCP 黏分包问题,udp大数据包分片组合问题等。使用协议模板,可快速实现「固定包头」、「固定长度」、「区间字符」等一系列的数据报文解析。
Stars: ✭ 286 (+521.74%)
Mutual labels:  socket, socket-io
vue-automation
一款开箱即用的 Vue 项目模版,基于 Vue 2.x
Stars: ✭ 31 (-32.61%)
Mutual labels:  vue-router, vant
socket.io-client-core
High-Performance Socket.IO client in C#
Stars: ✭ 70 (+52.17%)
Mutual labels:  socket, socket-io

前言

该项目是我的毕业设计。 主要技术栈为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

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].