GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → hua1995116 → Webchat

hua1995116 / Webchat

Licence: mit
🔈 Websocket project based on vue（基于vue2.0的实时聊天项目）

Programming Languages

javascript
184084 projects - #8 most used programming language
Vue
7211 projects
stylus
462 projects
CSS
56736 projects
HTML
75241 projects
shell
77523 projects

Labels

vuenodejsmongodbexpresswebsocketproject

Projects that are alternatives of or similar to Webchat

Mean Angular4 Chat App
MEAN stack with Angular 4 Chat App
Stars: ✭ 41 (-97.79%)
Mutual labels:  mongodb, express, websocket
Mern Boilerplate
Fullstack boilerplate with React, Redux, Express, Mongoose, Passport Local, JWT, Facebook and Google OAuth out of the box.
Stars: ✭ 112 (-93.97%)
Mutual labels:  mongodb, express
Mean Stack Angular5 Crud
MEAN Stack (Angular 5) CRUD Web Application Example
Stars: ✭ 107 (-94.23%)
Mutual labels:  mongodb, express
Vue Shoppingcart
ShoppingCart (Ecommerce) 🛒 Application using Vuejs, + Node.js + Express + MongoDB 🚀🤘
Stars: ✭ 141 (-92.4%)
Mutual labels:  mongodb, express
Vue2 Shop
A shop developed with Vue2 + Vue-router + Axios + Vuex + Node + Express + MongoDB + Webpack
Stars: ✭ 103 (-94.45%)
Mutual labels:  mongodb, express
Meanstackjs
Mean Stack JS - MongoDB, Express JS, Angular JS & Node JS
Stars: ✭ 104 (-94.4%)
Mutual labels:  mongodb, express
Express Rest Boilerplate
⌛️ Express starter for building RESTful APIs
Stars: ✭ 1,794 (-3.34%)
Mutual labels:  mongodb, express
Hobbies
Keeping track of your hobbies
Stars: ✭ 90 (-95.15%)
Mutual labels:  mongodb, express
Isomorphic Redux Cnode
😊👻基于react->express->mongo技术栈的同构SPA
Stars: ✭ 123 (-93.37%)
Mutual labels:  mongodb, express
Questionnaire
📋 问卷系统
Stars: ✭ 128 (-93.1%)
Mutual labels:  mongodb, express
Nodejs Notes App
A web app to create notes, and save it using Mongodb, plus authentication using passport.
Stars: ✭ 130 (-93%)
Mutual labels:  mongodb, express
Zhaopinapp
一个基于react16，redux，react-router4，antd-mobile，axios及node，express，mongodb实现的全栈招聘类webapp项目。
Stars: ✭ 100 (-94.61%)
Mutual labels:  mongodb, express
Fontend
使用Node、Vue、ElementUI、iViewUI,验证码等等搭建一个综合性网站(含后台管理系统)
Stars: ✭ 97 (-94.77%)
Mutual labels:  mongodb, express
Webfluxtemplate
Spring Webflux template application with working Spring Security, Web-sockets, Rest, Web MVC, and Authentication with JWT.
Stars: ✭ 107 (-94.23%)
Mutual labels:  mongodb, websocket
Node Express React Redux Zwitter
🐣 A basic clone of Twitter (Boilerplate App) - Separate API (express+mongo) and Frontend (react+redux) folders using Node, Express, MongoDB, React (create-react-app), React Router v4 and Redux.
Stars: ✭ 91 (-95.1%)
Mutual labels:  mongodb, express
Batcave
Batcave client is chat app built with Electron and Angular2, Socket.io with RxJS.
Stars: ✭ 114 (-93.86%)
Mutual labels:  mongodb, express
Nodejs Rest Api Project Structure Express
Nodejs project structure practices for building RESTful APIs using Express framework and MongoDB.
Stars: ✭ 134 (-92.78%)
Mutual labels:  mongodb, express
Boilerplate Vue Apollo Graphql Mongodb
Start your magical stack journey!
Stars: ✭ 85 (-95.42%)
Mutual labels:  mongodb, express
Vue Node Mongodb
vue+express+mongodb+阿里云部署上线, 前后端分离博客
Stars: ✭ 88 (-95.26%)
Mutual labels:  mongodb, express
Movie Website
🎬基于 Node.js + Express + mongoDB + Bootstrap 搭建的电影网站。
Stars: ✭ 118 (-93.64%)
Mutual labels:  mongodb, express
View All Similar Projects ➔

webchat

Build Status

中文版 English

说明: master 分支还不太稳定，可以查看 https://github.com/hua1995116/webchat/tree/v2.2.0 稳定分支， 3.0 版本持续重构中。

功能

  • 注册登录功能
  • 聊天功能
  • 查看历史记录
  • 多个聊天室
  • 与机器人对接
  • 图片发送
  • 发送链接
  • 发送表情
  • 图片预览
  • 消息未读
  • 断线重连
  • 好友资料查看
  • 添加好友
  • 单聊
  • 搜索好友
  • 热门好友推荐

启动项目

Dev环境: MongoDB、Node 8.5.0+、Npm 5.3.0+

Prod环境: Redis、MongoDB、Node 8.5.0+、Npm 5.3.0+

启动客户端

$webchat cd client

$client npm install -----安装依赖

$client npm run serve -----运行

启动服务端

$client cd ..

$webchat npm install

$webchat npm run dev

打包

打包客户端

cd client

npm run build

服务端运行

cd ..

npm run prod

在线观看

https://www.qiufengh.com/

技术交流

qq群: 437938625

微信群: 加微信拉你进微信群。

技术栈

  • 前端 vue，vue-router ,vuex
  • 后端 nodejs，express
  • 数据库 mongodb
  • 通讯 websocket
  • 脚手架工具 vue-cli

效果

版本更新

v3新增功能

  1. 网络异常判断、重连提示
  2. 多端信息同步
  3. 好友资料查看
  4. 添加好友
  5. 单聊
  6. 搜索好友
  7. 热门好友推荐
  8. 性别、手机号修改
  9. 搜索加好友

版本预览

v2 稳定版本

https://github.com/hua1995116/webchat/tree/v2.2.0

其他版本

RELEASE

项目wiki

https://qiufeng.blue/node/#websocket-%E7%B3%BB%E5%88%97

API

API

License

MIT

MIT License

Copyright (c) 2018 蓝色的秋风

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