jiaopianjun / Echat
基于Vue的点对点聊天项目
Stars: ✭ 130
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
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
Vue2 Admin
基于vue-element-admin、Vue2 权限、监控、管理系统(包含地图等嵌套)
Stars: ✭ 74 (-43.08%)
Mutual labels: axios, vuex, vue-router
前提
一个基于平台内部的聊天项目,需要实现用户之间可以相互聊天发送消息,可以添加好友等功能。且消息必须是实时性的,并且用户下线后再次上线可以接受离线消息。
技术栈
Vue.js + Html5 + CSS3 + Sass + Vuex + Axios + Websocket 等
源码
技术难点
- 实现从好友列表到聊天列表的发起
- 消息的存储
- 上下线状态的即时变动
- 收到消息即使提醒以及未读消息的数量
- 好友删除的通知 等等
项目运行
- git clone https://github.com/jiaopianjun/echat.git
- npm install
- npm run dev
项目截图
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].