Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/chanran/vuesocketchatroom

vue2.x + vue-router2.x+ vuex2.x + vux2.x + express + socket.io immediate chat room
https://github.com/chanran/vuesocketchatroom

express socket-io vue-cli vue-router2 vuejs2 vuex2

Last synced: about 3 hours ago
JSON representation

vue2.x + vue-router2.x+ vuex2.x + vux2.x + express + socket.io immediate chat room

Awesome Lists containing this project

README

        

# socket.io immediate chat room

[中文文档](./docs/README_zh_cn.md)

## glance

- login page

![login page](./docs/login.png)

- group chat page

![group chat page](./docs/group_chat.png)

- others list

![others](./docs/others.png)

- private chat page

![private chat](./docs/private_chat.png)

## install dependencies

1. node7.x

2. auto restart node server tool

```
npm i -g nodemon
```

3. QA tool

install eslint plugin for your code editor(like "eslint" in vscode)

## download

``` bash
# clone
git clone [email protected]:Chanran/vueSocketChatroom.git
cd vueSocketChatroom

# install dependencies
npm install -d
```

## start

```
npm run dev
npm run server # open another terminal
```

visit [http://localhost:8080/](http://localhost:8080/)

## deploy

```
npm install -g pm2 # install just once
npm i -d --production
npm run build
npm run deploy
```

## tech docs

- [api docs](https://www.showdoc.cc/1629169?page_id=14974136)
- [vue2](https://vuejs.org/)
- [vue-router2](https://router.vuejs.org/en/)
- [vuex](https://vuex.vuejs.org/en/)
- [vue-loader](https://vue-loader.vuejs.org/en/)
- [vux](https://vux.li/#/)
- [express4.x](https://expressjs.com/)
- [mongodb](https://docs.mongodb.com/)

## License

[MIT](./LICENSE)