# reactjs-chat-test

**Repository Path**: erich2s/reactjs-chat-test

## Basic Information

- **Project Name**: reactjs-chat-test
- **Description**: Reactjs and javascript test
- **Primary Language**: Unknown
- **License**: CC-BY-SA-4.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2023-09-28
- **Last Updated**: 2023-09-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# reactjs-chat-test

> 前端 综合能力基础题目

## Project Deployment Links (Vercel)：

- 一个组件插入任意地方即在右下角出现 chat with us! 按钮
  ，点击按钮加载一个网页聊天框：[点击查看](https://chat-test.erichuang.art)
- 一个聊天管理后台, 包含两个 tab, 展示不同场景，网页聊天列表和客服内部聊天列表：[点击查看](https://chat-test.erichuang.art/chat)

## Screenshots:

![chat-test](./snap/CleanShot%202023-09-29%20at%2009.30.28@2x.png)
![chat-test](./snap/CleanShot%202023-09-29%20at%2009.29.55@2x.png)
![chat-test](./snap/CleanShot%202023-09-29%20at%2009.30.45@2x.png)
![chat-test](./snap/CleanShot%202023-09-29%20at%2009.30.57@2x.png)

## Development

```bash
cd chat-test
pnpm i
pnpm dev
```

## Deploy to Vercel

1. Fork this repo and go to [Vercel](https://vercel.com/).
2. Add a new project to Vercel dashboard.
   ![chat-test](./snap/CleanShot%202023-09-29%20at%2009.52.25@2x.png)
3. Select your forked repo and import.
   ![chat-test](./snap/CleanShot%202023-09-29%20at%2009.53.33@2x.png)
4. Deploy.
   ![chat-test](./snap/CleanShot%202023-09-29%20at%2009.54.41@2x.png)
5. Done.
   ![chat-test](./snap/CleanShot%202023-09-29%20at%2009.55.25@2x.png)