76 lines
2.1 KiB
Markdown
76 lines
2.1 KiB
Markdown
### English | [简体中文](README.md)
|
||
|
||
## Preview Demo
|
||
|
||
### Notice:Please use Chrome phone mode to access the PC side
|
||
|
||
### Notice:Preview your phone with Android Via browser. 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
|
||
|
||
[Online Demo](https://ttentau.github.io/ttentau/dy/)
|
||
|
||
## 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). I believe that no matter what level of engineer you are, this project can help you.
|
||
|
||
## Function point
|
||
|
||
Page | Progress
|
||
--------------|---------
|
||
Home | 50%
|
||
-- Music | ☑
|
||
-- 抖音音乐榜 | ☑
|
||
-- Search | 50%
|
||
-- Live | 50%
|
||
Friend | 0%
|
||
Message | ☑
|
||
-- Chat | ☑
|
||
-- 各种通知 | ☑
|
||
Me | 90%
|
||
-- 求更新 | ☑
|
||
-- 关注和粉丝 | ☑
|
||
-- 编辑资料 | ☑
|
||
-- Add friend | ☑
|
||
-- My music | ☑
|
||
-- Shop | 0
|
||
-- 收藏视频\音乐 | ☑
|
||
-- 右侧菜单子页面 | 10%
|
||
-- Setting | ☑
|
||
-- -- 具体设置页面 | 0%
|
||
Sign in\Sign up | ☑
|
||
|
||
## 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 serve
|
||
|
||
# Visit
|
||
Chrome browser access http://localhost:8080
|
||
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)
|