README-en-US.md · dragon/douyin

<h1 align="center">
  Douyin
</h1>

<p align="center">
<a href="README.md">简体中文</a> |
<a href="README-en-US.md">English</a>
</p>

<p align="center">
 <b>douyin</b>It is a mobile short video project imitating Douyin.，
It is based on <a href="https://v3.cn.vuejs.org">Vue</a>, <a href="https://cn.vitejs.dev/">Vite</a> implementation.
The latest Vue family bucket technology stack is used, and the background data is built by <a href="https://github.com/ctimmerm/axios-mock-adapter">axios-mock-adapter</a>.
</p>

> Share my other open source projects：
>
>_[**Typing Word** - Word memorization software that can be used on a web page~](https://github.com/zyronon/typing-word) <img src="https://img.shields.io/github/stars/zyronon/typing-word.svg?style=flat-square&label=Star&color=4285dd&logo=github" height="16px" />_  
> _[**Web Scripts** - Some useful oil monkey scripts~](https://github.com/zyronon/web-scripts) <img src="https://img.shields.io/github/stars/zyronon/web-scripts.svg?style=flat-square&label=Star&color=4285dd&logo=github" height="16px" />_

## Disclaimers

This project is only applicable for technical research and sharing, and cannot be used for commercial purposes

## Online access

Netlify: <https://douyins.netlify.app> (If you are in China, you need Vpn)

Vercel: <http://dy.ttentau.top> (This is recommended in China.)

**Note**: PC browsers should be accessed in mobile mode.
Press F12 to bring up the console, and then press Ctrl+Shift+M to switch to mobile mode.

**Note**: for mobile phones, please use [Via browser] (https://viayoo.com/zh-cn/) or Chrome browser preview).
Other browsers will force the video to be full-screen, invalidating the style.

## Effect screenshot

## Related post

- juejin：https://juejin.cn/spost/7352813352051687458
- V2Nex：https://www.v2ex.com/t/1028678#reply116

## The online celebrities displayed by the project

- 我是香秀🐂🍺： https://v.douyin.com/iYRAPA2L/
- 杨老虎🐯（磕穿下巴掉牙版）： https://v.douyin.com/iYRA56de/
- 条子： https://v.douyin.com/iYRAaqjr/
- 达莎Digi： https://v.douyin.com/iYRA6rwT/
- 小橙子： https://v.douyin.com/iYRAnudw/
- 南恬： https://v.douyin.com/iYRAbKm3/
- 小霸宠牛排🥩：https://v.douyin.com/iYRSosVB/
- 奶茶妹◕🌱： https://v.douyin.com/iYRACKhP/
- 我才是岚岚： https://v.douyin.com/iYRAQM1C/
- 周憬艺ziran： https://v.douyin.com/iYRAQs4h/
- 刘思瑶nice： https://v.douyin.com/iYRAaERn/
- 彭十六elf： https://v.douyin.com/iYRAHrVG/
- 李子柒：https://v.douyin.com/iYRA5B88/

## Run the project

This project is based on `Vue` and needs node environment to run.

1. To install NodeJS, refer to [official documentation] (https://nodejs.org/en/download))
2. Use `git clone https://github.com/zyronon/douyin.git` to download the project locally.
3. Enter the project directory `npm install` and run `project install` under the project root directory to download the
   dependency.
4. Execute `project dev` to start the project. The default address of the project
   is [`http://localhost:3000`](http://localhost:3000)].
5. Open [`http://localhost:3000`](http://localhost:3000)] in the browser to access the project.
   Chrome switch to mobile phone mode shortcut key, press F12 to bring up the console, and then press Ctrl+Shift+M

## Functions and suggestions

At present, the project is in the early stage of development, and new features are being added continuously. If you have
any functions and suggestions for the software, you are welcome to put forward them in Issues.
If you also like the design idea of this software, welcome to submit pr, thank you very much for your support!

## Contact me

You can contact my email address < a href= "mailto:zyronon@163.com" > zyronon@163.com < / a >

## MIT license Agreement

[MIT](LICENSE)

dragon/douyin

简介

发行版

贡献者

近期动态

dragon/douyin .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

dragon/douyin