# echat

**Repository Path**: mini-docker/echat

## Basic Information

- **Project Name**: echat
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-09-04
- **Last Updated**: 2021-03-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

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

#### 技术栈
Vue.js + Html5 + CSS3 + Sass + Vuex + Axios + Websocket 等

#### 源码 
[Github](https://github.com/jiaopianjun/echat)


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

#### 项目运行
 - git clone https://github.com/jiaopianjun/echat.git
 - npm install 
 - npm run dev

#### 项目截图
![1.png](https://upload-images.jianshu.io/upload_images/1251988-68766bfa9c448aca.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

![2.png](https://upload-images.jianshu.io/upload_images/1251988-5bc4ffc5d33ae93f.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

![3.png](https://upload-images.jianshu.io/upload_images/1251988-466075a6875ce2ee.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

![4.png](https://upload-images.jianshu.io/upload_images/1251988-440cdd8004029070.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

![6.png](https://upload-images.jianshu.io/upload_images/1251988-b470937363a3b3e6.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)