Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/kennardwang/multiple-terminal-online-chatroom

🐧 The intern project of Shenzhen Tencent Technology Co., Ltd.
https://github.com/kennardwang/multiple-terminal-online-chatroom

html-css-javascript multiple-terminal online-chatroom tencentcloud visual-studio-code website wechat-applet wechat-devtools

Last synced: about 2 months ago
JSON representation

🐧 The intern project of Shenzhen Tencent Technology Co., Ltd.

Awesome Lists containing this project

README

        

# Multiple-Terminal-Online-Chatroom

[![description](https://img.shields.io/badge/project-Individual-FFB7C5?style=for-the-badge)](https://github.com/KennardWang/Multiple-Terminal-Online-Chatroom)
 
[![stars](https://img.shields.io/github/stars/KennardWang/Multiple-Terminal-Online-Chatroom?style=for-the-badge&color=FDEE21)](https://github.com/KennardWang/Multiple-Terminal-Online-Chatroom/stargazers)
 
[![forks](https://img.shields.io/github/forks/KennardWang/Multiple-Terminal-Online-Chatroom?style=for-the-badge&color=white)](https://github.com/KennardWang/Multiple-Terminal-Online-Chatroom/forks)
 
[![contributors](https://img.shields.io/github/contributors/KennardWang/Multiple-Terminal-Online-Chatroom?style=for-the-badge&color=8BC0D0)](https://github.com/KennardWang/Multiple-Terminal-Online-Chatroom/graphs/contributors)


 

 

 

 

 




 




 


It is a practice project for the author's summer internship at Tencent. The purpose of the project is to develop an online chatroom, which could be used on both mobile phones and PCs. The above demos are for the applet and website respectively.

## Table of Contents

- [Development Environment](#development-environment)
- [Install](#install)
- [Usage](#usage)
- [Highlights](#highlights)
- [References](#references)
- [Maintainers](#maintainers)
- [Contributing](#contributing)
- [License](#license)

## Development Environment

| | |
|:---:|:---:|
|System|Windows 10 x64|
|Language|HTML, CSS, Javascript|
|IDE|WeChat Developer Tools v1.03 (Applet), Visual Studio Code (Website) |

## Install

```
git clone https://github.com/KennardWang/Multiple-Terminal-Online-Chatroom.git
```

## Usage

+ Applet







1. Scan the QR Code and enter the applet.
2. Apply for use, please enter **Test** for the reason.
3. The permission will be given as soon as possible if the application is submitted. Please wait patiently and try it again several minutes later.
4. If everything is OK, users will see a page like the second figure. Congratulations! You can start to chat now!





 

+ Website
1. Visit [here](https://kennardwang-fzeuy-1302835331.tcloudbaseapp.com/). (This site may have been suspended currently)
2. Enroll with your email, and the password must be comprised with at least 8 English characters or numbers.





3. After enrollment, a verification email will be sent to you. Please verify by clicking the link and then login with **Email** & **Password** (recommend to use PC version of QQ mail).





 


## Highlights

+ Users
- [x] WeChat login & authorization (for applet, get users' avatar and nickname).
- [x] Email & password login (for website, users can reset their own passwords).
+ Chat
- [x] Synchronized chat (both on applet and website).
- [x] Multiple media contents (text, image, audio and video).
- [x] Review history records (scroll up to refresh the latest 20 messages).
- [x] Security check (illegal contents cannot be sent, only for text and image).
+ Others
- [x] Show the total number of users who have logged in.
- [x] Allow users to share this mini-program (only the homepage has this function).
- [x] Allow to look through the full image and download (applet).
- [x] Allow users to paste text in the text-input area by long-time pressing (applet).

## References
+ [Image series](https://wallhaven.cc/w/39v996)
+ [Web SDK document](https://www.cloudbase.net/sdk.html)
+ [WeChat API](https://developers.weixin.qq.com/miniprogram/dev/api/)
+ [Cloud development](https://developers.weixin.qq.com/miniprogram/dev/wxcloud/basis/getting-started.html)

## Maintainers

![badge](https://img.shields.io/badge/maintenance-NO-EF2D5E) [@KennardWang](https://github.com/KennardWang)

## Contributing

Feel free to [open an issue](https://github.com/KennardWang/Multiple-Terminal-Online-Chatroom/issues) or submit [PRs](https://github.com/KennardWang/Multiple-Terminal-Online-Chatroom/pulls).

## License

[![license](https://img.shields.io/github/license/KennardWang/Multiple-Terminal-Online-Chatroom)](LICENSE) © Kennard Wang ( 2020.8.21 )