67 lines
2.8 KiB
Markdown
67 lines
2.8 KiB
Markdown
<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>
|
||
|
||
## 📸 在线访问
|
||
|
||
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
|
||
|
||
<div>
|
||
<img width="150px" src='./public/docs/1.gif' />
|
||
<img width="150px" src='./public/docs/2.gif' />
|
||
<img width="150px" src='./public/docs/3.gif' />
|
||
<img width="150px" src='./public/docs/4.gif' />
|
||
<img width="150px" src='./public/docs/5.gif' />
|
||
<img width="150px" src='./public/docs/img-1.jpg' />
|
||
<img width="150px" src='./public/docs/img-2.jpg' />
|
||
<img width="150px" src='./public/docs/img-3.jpg' />
|
||
<img width="150px" src='./public/docs/img-4.jpg' />
|
||
<img width="150px" src='./public/docs/img-5.jpg' />
|
||
</div>
|
||
|
||
## 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)
|