### English | [简体中文](README.md) ## Preview Demo [Online Demo](http://dy.ttentau.top) ### Note: Please use mobile mode of Chrome browser to access the PC side. To switch Chrome to mobile mode, press F12 to bring up the console, then Ctrl+Shift+M ### Note: For Android phones please use [Via mobile browser](https://viayoo.com/zh-cn/) or Chrome mobile version preview. 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
## 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). ## 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 dev # Visit Chrome browser access http://localhost:5173 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 zyronon@163.com ## License [MIT](LICENSE)