Vue3 + Pinia 仿抖音,Vue 在移动端的最佳实践 . Imitate TikTok ,Vue Best practices on Mobile
Go to file
2024-04-19 17:52:44 +08:00
.github refactor: update README.md 2024-04-19 17:51:53 +08:00
.husky feat: add 2024-04-05 02:25:00 +08:00
docs docs: update readme.md 2024-04-05 14:53:56 +08:00
env refactor: add gp-pages support 2024-04-09 18:52:31 +08:00
node eslint检查所有文件 2024-04-02 17:24:18 +08:00
public docs: update readme.md 2024-04-05 14:30:04 +08:00
src refactor: refactor code and add comment 2024-04-19 17:45:45 +08:00
.eslintrc.cjs feat: add typescript support 2024-04-06 02:35:49 +08:00
.gitignore feat: add typescript support 2024-04-06 02:35:49 +08:00
.prettierrc.json pretty再次格式化所有文件 2024-04-02 15:40:18 +08:00
commitlint.config.ts refactor: format code 2024-04-06 02:46:14 +08:00
env.d.ts feat: add typescript support 2024-04-06 02:35:49 +08:00
index.html feat: add typescript support 2024-04-06 02:35:49 +08:00
jsconfig.json pretty再次格式化所有文件 2024-04-02 15:40:18 +08:00
LICENSE docs: update readme.md 2024-04-05 14:30:04 +08:00
netlify.toml 添加netlify缓存配置 2024-04-03 23:51:47 +08:00
package.json Merge branch 'refs/heads/dev' 2024-04-09 18:53:10 +08:00
pnpm-lock.yaml build(deps-dev): bump vite from 5.1.6 to 5.1.7 2024-04-07 18:09:31 +00:00
README.de.md docs: Added README."de".md translation via https://github.com/dephraiim/translate-readme 2024-04-09 10:53:54 +00:00
README.en.md docs: Added README."en".md translation via https://github.com/dephraiim/translate-readme 2024-04-09 10:53:43 +00:00
README.es.md docs: Added README."es".md translation via https://github.com/dephraiim/translate-readme 2024-04-09 10:54:06 +00:00
README.fr.md docs: Added README."fr".md translation via https://github.com/dephraiim/translate-readme 2024-04-09 10:54:00 +00:00
README.ja.md docs: Added README."ja".md translation via https://github.com/dephraiim/translate-readme 2024-04-09 10:53:48 +00:00
README.md refactor: update README.md 2024-04-19 17:51:53 +08:00
tsconfig.app.json feat: add typescript support 2024-04-06 02:35:49 +08:00
tsconfig.json feat: add typescript support 2024-04-06 02:35:49 +08:00
tsconfig.node.json feat: add typescript support 2024-04-06 02:35:49 +08:00
vercel.json fix: vercel&netlify refresh error 2024-04-03 22:26:06 +08:00
vite.config.ts feat: add typescript support 2024-04-06 02:35:49 +08:00

Douyin-Vue

English | Spanish | German | French | 简体中文 | 日本語

License

douyin-vueis a parody抖音|TikTokmobile short video project, which is based onVueViteaccomplish. Used the latestVueFamilyMart technology stack. Api data is saved locally in the project, and the video is collected from抖音|TikTok, the atlas is collected from小红书|Xiaohongshu,passaxios-mock-adapterThe library intercepts the API and returns local json data to simulate real back-end requests.

Online access

Vercel:http://dy.ttentau.top/(China recommends visiting this)

Netlify:https://douyins.netlify.app/(Recommended to visit this for areas outside China)

Android Apk:https://github.com/zyronon/douyin/releases

NoticePCYou must switch the browser to mobile mode, first pressF12To bring up the console, pressCtrl+Shift+Mto preview normally

Notice: Please use your mobile phonevia browseror Chrome browser preview. Other browsers may force the video to full screen, causing it to not display properly.

Disclaimer

This project is for study and research only, not for commercial use

run

Quickly deploy to Vercel

Deploy with Vercel

local development

git clone https://github.com/zyronon/douyin.git
cd douyin
npm install
npm run dev

Open your browser and visit:http://127.0.0.1:3000

Note: PC browser must be switched to mobile mode, first pressF12To bring up the console, pressCtrl+Shift+Mto preview normally

Data Sources

The video comes from the following Douyin celebrities

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.Issuesraised in If you also like the design ideas of this software, please submit itPR, 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~
Web Scripts- Some useful Grease Monkey scripts~

agreement

GPL