### English | [简体中文](README.md)

## Preview Demo
[Online Demo](http://www.ttentau.top/dy)

### Note: Please use mobile mode of Chrome browser to access the PC side. To switch Chrome to mobile mode, press F12 to bring up the console, then Ctrl+Shift+M
### Note: For Android phones please use [Via mobile browser](https://viayoo.com/zh-cn/) or Chrome mobile version preview. When other browsers detect a video on the page, they force the video to be in full screen and display the control button. As a result, both css and js are invalid
<div style="text-align:center">
<img width="180px"    src='http://www.ttentau.top/dy/imgs/0.png' />
<img width="180px"   src='http://www.ttentau.top/dy/imgs/1.png' />
<img width="180px"   src='http://www.ttentau.top/dy/imgs/6.png' />
<img width="180px"    src='http://www.ttentau.top/dy/imgs/3.png' />
<img width="180px"    src='http://www.ttentau.top/dy/imgs/2.png' />
<img width="180px"   src='http://www.ttentau.top/dy/imgs/8.png' />
<img width="180px"    src='http://www.ttentau.top/dy/imgs/9.png' />
<img width="180px"    src='http://www.ttentau.top/dy/imgs/11.png' />
</div>

## Introduction

**Douyin** is a mobile short video project imitating Tiktok，It is based on [vue 3](https://v3.cn.vuejs.org/),
[vite 2](https://cn.vitejs.dev/)
implementation。
The latest Vue family bucket technology stack is used, and the background data is built through [mock-js](http://mockjs.com). 

## Function point

 Page           | Progress      
--------------|---------
 Home           | 50%     
 -- Music        | &#9745; 
 -- 抖音音乐榜     | &#9745; 
 -- Search        | 50%     
 -- Live     | 50%     
 Friend           | 0%      
 Message           | &#9745; 
 -- Chat        | &#9745; 
 -- 各种通知      | &#9745; 
 Me            | 90%     
 -- 求更新       | &#9745; 
 -- 关注和粉丝     | &#9745; 
 -- 编辑资料      | &#9745; 
 -- Add friend      | &#9745; 
 -- My music      | &#9745; 
 -- Shop      | 0       
 -- 收藏视频\音乐   | &#9745; 
 -- 右侧菜单子页面   | 10%     
 -- Setting        | &#9745; 
 -- -- 具体设置页面 | 0%      
 Sign in\Sign up        | &#9745; 

## How to start

```bash
# Clone the project to local
git clone https://github.com/zyronon/douyin.git

# Enter the project directory
cd douyin

# Install dependencies
npm install

# Start the service
npm run dev

# Visit
Chrome browser access http://localhost:5173
Chrome switches to mobile mode by pressing F12 to bring up the console, then Ctrl+Shift+M

```

## Contribution

Feel free to contribute by opening issues with any questions, bug reports or feature requests.

## Get in touch

You can reach us at <a href="mailto:zyronon@163.com">zyronon@163.com</a>

## License

[MIT](LICENSE)