Douyin

Overview:

The douyin-vue project is a mobile short video application inspired by Douyin | TikTok. It aims to provide a smooth and native app-like experience on mobile devices using Vue and the latest Vue technology stack including Vue3, Vite5, and Pinia. The project stores data locally and intercepts API calls using the axios-mock-adapter library to return local JSON data, simulating real backend requests.

Features:

• Mobile Optimization: Implements best practices for Vue on mobile devices.
• Vue Technology Stack: Built using Vue3, Vite5, and Pinia.
• Local Data Storage: Saves data locally and intercepts API calls for local JSON data.

Installation:

To run the douyin-vue project, follow these steps:

1. Clone the project using Git:

   git clone [project_repository_url]
   

2. Navigate to the project directory:

   cd douyin-vue
   

3. Install dependencies:

   npm install
   

4. Start the development server:

   npm run dev
   

5. Open a browser and go to http://127.0.0.1:3000, switch to mobile mode (Ctrl+Shift+M in the browser console) to preview the project.

Summary:

The douyin-vue project is a mobile short video application that aims to provide an experience similar to Douyin | TikTok using Vue and the latest Vue technology stack. By storing data locally and simulating backend requests, it offers a seamless user experience. Remember to follow the installation guide to set up and run the project for learning and research purposes.