Online Address: https://www.fleetingsound.us

• Netease Music user login, visitor login.

• Recommended playlist and carousels display.

• Comprehensive information retrieval (Singer,Song, MV, and Album)

• MV List (Options: Popular, Latest and Netease exclusive MV)

• The latest music list recommendation.(such as Billboard,itunes, and ACG)

• Lazy loading and AutoPager.

• Latest MV & hot comments.

• Song player supports to adjust the progress, view the lyrics and modify the waitlist.

Front End: React + Redux + Antd UI+ CSS-IN-JS +CREATE-KEYFRAME-ANIMATION

Server: NeteaseCloudMusicApi ( from Github repositories )

Deployment: Nginx & Node

1. Server Install packages:

   > npm install 
   Or
   > yarn
   
   Run
   >npm run start

2. Front End install packages:

   > npm install 
   Or
   > yarn
   Run
   >npm run start

3. Attention:

   As this project use separate Antd components. After installed the node_modules, it is needed to change webpack settings in

   react-scripts/config/webpack.config.js

    babelrc: true                       (line 391)

4. About access permission:

   • If you are Netease Music user, besides the user Login, it is needed to set proxy in the Server Files. (Please check Netease API )
   • For paid songs and geographic restricted songs, visitors are not authorized to access.

5. Attention

   • For personal use, it is needed to modify your info. Please check the code in /FrontEnd/src/components/Login/index.js , about line 31 &32.

   •     const sentPhone='your username'
         const sentPassword='set your own password'

1.Login Page & Recommend Page

2. Search & Play

3. MV List & Watch &Comments