All Projects → jiaopianjun → Echat

jiaopianjun / Echat

基于Vue的点对点聊天项目

Projects that are alternatives of or similar to Echat

Vue Cnode
🔥Vue.js打造一个开源的CNode社区。CNode by Vue.js
Stars: ✭ 249 (+91.54%)
Mutual labels:  axios, vuex, sass, html5, vue-router, css3
Vue Music Player
🎵Vue.js写一个音乐播放器+📖One(一个).A music player + One by Vue.js
Stars: ✭ 729 (+460.77%)
Mutual labels:  axios, vuex, sass, html5, vue-router, css3
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 (+562.31%)
Mutual labels:  axios, vuex, html5, vue-router, css3
Vue Zhihu Daily
🤓使用vue编写的练手的知乎日报WebApp(iOS版)
Stars: ✭ 285 (+119.23%)
Mutual labels:  axios, vuex, sass, vue-router
Eleme
restructure..
Stars: ✭ 1,635 (+1157.69%)
Mutual labels:  vuex, html5, vue-router, css3
Vue Video
vue + vue-router + vuex + (fetch->axios)
Stars: ✭ 251 (+93.08%)
Mutual labels:  axios, vuex, sass, vue-router
Vue3 Jd H5
🔥 Based on vue3.0.0, vant3.0.0, vue-router v4.0.0-0, vuex^4.0.0-0, vue-cli3, mockjs, imitating Jingdong Taobao, mobile H5 e-commerce platform! 基于vue3.0.0 ,vant3.0.0,vue-router v4.0.0-0, vuex^4.0.0-0,vue-cli3,mockjs,仿京东淘宝的,移动端H5电商平台!
Stars: ✭ 328 (+152.31%)
Mutual labels:  vuex, html5, vue-router, css3
Vue Shiyanlou
😘基于vue2和vuex的复杂单页面应用,20+页面53个API(仿实验楼)✨✨
Stars: ✭ 342 (+163.08%)
Mutual labels:  vuex, html5, vue-router, css3
Vue Spa
vue-spa : vue + vue-router + axios + vuex + vux 快速成型移动端项目,直接使用。欢迎star
Stars: ✭ 46 (-64.62%)
Mutual labels:  axios, vuex, sass, vue-router
Vue Meizi
vue最新实战项目,vue2 + vuex + webpack + es6 干货多多,新手福利
Stars: ✭ 1,476 (+1035.38%)
Mutual labels:  vuex, html5, vue-router, css3
Egg Vue Webpack Boilerplate
Egg Vue Server Side Render (SSR) / Client Side Render (CSR)
Stars: ✭ 1,302 (+901.54%)
Mutual labels:  axios, vuex, vue-router
Buddycss
The framework for people who love coding!
Stars: ✭ 89 (-31.54%)
Mutual labels:  sass, html5, css3
Vue Cli3 Multipage
由vue-cli3搭建的多页面多路由初始化项目包,包含ESlint,Axios,vue-router,vuex,babel,以及自己封装的异步请求API接口。
Stars: ✭ 76 (-41.54%)
Mutual labels:  axios, vuex, vue-router
Putongoj Fe
The front end of the Putong Online Judge -- An online judge with nothing special
Stars: ✭ 74 (-43.08%)
Mutual labels:  axios, vuex, vue-router
Xyy Vue
🎨基于vue+vue-router+vuex+axios+webpack开发的个人Demo《Qu约》
Stars: ✭ 1,316 (+912.31%)
Mutual labels:  axios, vuex, vue-router
Spala
Spala (SPA LARAVEL): a modern lightweight CMS for Laravel and Vue developers (open source project).
Stars: ✭ 91 (-30%)
Mutual labels:  axios, vuex, sass
Naice Blog
😺 新的博客上线啦
Stars: ✭ 93 (-28.46%)
Mutual labels:  axios, vue-router, css3
Vuedemo sell eleme
ele by vue2.x 🐧
Stars: ✭ 1,349 (+937.69%)
Mutual labels:  axios, vuex, vue-router
Social
基于Vue的社区论坛项目
Stars: ✭ 102 (-21.54%)
Mutual labels:  sass, html5, vue-router
Vue2 Admin
基于vue-element-admin、Vue2 权限、监控、管理系统(包含地图等嵌套)
Stars: ✭ 74 (-43.08%)
Mutual labels:  axios, vuex, vue-router

前提

一个基于平台内部的聊天项目,需要实现用户之间可以相互聊天发送消息,可以添加好友等功能。且消息必须是实时性的,并且用户下线后再次上线可以接受离线消息。

技术栈

Vue.js + Html5 + CSS3 + Sass + Vuex + Axios + Websocket 等

源码

Github

技术难点

  • 实现从好友列表到聊天列表的发起
  • 消息的存储
  • 上下线状态的即时变动
  • 收到消息即使提醒以及未读消息的数量
  • 好友删除的通知 等等

项目运行

项目截图

1.png

2.png

3.png

4.png

6.png

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].