`douyin-vue`is a parody`抖音|TikTok`The mobile short video project has a completeness of 90%. Used the latest`Vue`FamilyMart technology stack, which is based on[`Vue3`](https://cn.vuejs.org/)、[`Vite5`](https://cn.vitejs.dev/)、[`Pinia`](https://pinia.vuejs.org/)accomplish. The data is saved locally in the project, and the video is collected from`抖音|TikTok`, the atlas is collected from`小红书|Xiaohongshu`,pass[`axios-mock-adapter`](https://github.com/ctimmerm/axios-mock-adapter)The library intercepts the API and returns local json data to simulate real backend requests.
## online access
Gitee pages:(It is recommended to visit this address in China)
Github pages:
[//]: # "~~Vercel: [http://dy.ttentau.top/](http://dy.ttentau.top/)~~"
[//]: # "~~Netlify: [https://douyins.netlify.app/](https://douyins.netlify.app/)~~"
[//]: # "Vercel和Netlify分别送的100G免费流量已经用完了...🤣"
[//]: # "Android Apk: https://github.com/zyronon/douyin/releases"
[//]: # "**注意**：`PC` 必须将浏览器切到手机模式，先按 `F12` 调出控制台，再按 `Ctrl+Shift+M`才能正常预览"
[//]: # "**注意**：手机请用 [Via 浏览器](https://viayoo.com/zh-cn/) 或 Chrome 浏览器预览。其它浏览器可能会强制将视频全屏，导致无法正常显示"
## Link
\[douyin-vue] One:[200 lines of code to implement a carousel component similar to Swiper.js](https://juejin.cn/post/7360512664317018146)
\[douyin-vue] Second:[Realize the "infinite sliding video" effect on Douyin](https://juejin.cn/post/7361614921519054883)
更多文章正在准备中...
## run
注意：本项目仅适用于学习和研究，不得用于商业使用
### Quickly deploy to Vercel
[](https://vercel.com/new/clone?repository-url=https://github.com/zyronon/douyin)
### local development
```bash
git clone https://github.com/zyronon/douyin.git
cd douyin
npm install
npm run dev
```
打开浏览器并访问:
**Note: You need to switch the browser to mobile mode, first press`F12`To bring up the console, press`Ctrl+Shift+M`to preview normally**
## Data Sources
The video comes from the following Douyin celebrities
- `我是香秀 🐂🍺`:
- `杨老虎 🐯（磕穿下巴掉牙版）`:
- `条子`:
- `达莎 Digi`：
- `小橙子`:
- `南恬`:
- `小霸宠牛排 🥩`：
- `奶茶妹 ◕🌱`:
- `我才是岚岚`:
- `周憬艺 ziran`:
- `刘思瑶 nice`:
- `彭十六 elf`:
- `李子柒`:
Picture from Xiaohongshu public notes
The above content is all public information on the Internet
## Features and suggestions
The project is currently in the early stages of development and new features are being added continuously. If you have any features or suggestions for the software, please feel free to contact us.`Issues`raised in
If you also like the design ideas of this software, please submit it`PR`, thank you very much for your support!
## contact me
You can contact my emailzyronon@163.com
> Share my other open source projects:
>
> _[**Typing Word**- Vocabulary memorization software that can be used on the web~](https://github.com/zyronon/typing-word)_
> _[**Web Scripts**- Some useful Grease Monkey scripts~](https://github.com/zyronon/web-scripts)_
## agreement
[GPL](../LICENSE)
_
> _[**Web Scripts**- Some useful Grease Monkey scripts~](https://github.com/zyronon/web-scripts)
_
## agreement
[GPL](../LICENSE)