Overview:

This article discusses a simple project based on the design of Netease Cloud Music. The project, built independently after completing a Vue learning course, uses Vue3 for the frontend, ElementPlus for UI components, and Vuex for state management. The backend relies on APIs provided by a well-known developer named Binaryify. The author seeks feedback to improve the project further.

Features:

• Home Page:
  • Basic search functionality.
  • Daily recommended playlists.
  • Popular tracks.
  • Pull-down to refresh data.
• My Page:
  • Initial login requirement.
  • Access to personal information after successful login.
  • Ability to view and modify personal details.
• Cloud Page:
  • Manages songs stored on the cloud.
• Song Details Page:
  • Allows cover/lyric toggling.
  • Supports downloading and viewing comments.
• Community Functionality:
  • Watch videos while listening to music.

Installation:

To install the theme, follow these steps:

1. Clone the project repository.

   git clone [repository_url]
   

2. Navigate to the project directory.

   cd project_directory
   

3. Install dependencies.

   npm install
   

4. Run the project.

   npm run serve
   

Summary:

The project is a Vue-based implementation mimicking the Netease Cloud Music interface. It features functionalities such as searching, personal profile management, cloud storage song management, detailed song information viewing, and a community section to watch videos while listening to music. The project leverages Vue3, ElementPlus for UI components, and Vuex for state management.