React Netease Music

React Netease Music——It is a music application.

I always want to make a music player. Recently I found out there is an API provide music resource. So I decided make a application based on that. The code use react. Did not use any additional database. I am welcome your advice!

project address

NetMusic

Functionality

• [] 登录/登出（目前仅支持手机密码登录）
• discovery
  • [] banner
  • recommend playlist
  • [] recommend MV
• [] Daily music update
• All playlist
  • [] playlist search
• playlist record
  • history
• Search
  • search with keyword
  • [] search suggestion
  • [] search page
• rank
• singer page
• singer detail page
• MV related and play functionality
• created, edit, destroy playlist
• message
• change theme
• ......Add more functionality based on mood😂

Caution: Some songs cannot be play because of license.

tech

• React，use react hook for state management，did not use any additional database。
• Material ui for the spinner, and UI,
• https://github.com/lijinke666/react-music-player beautify music player
• CSS Modules。
• Webpack。
• Eslint 做代码检查。

API

NeteaseCloudMusicApi

播放器的相关截图

Start Project

yarn
yarn dev

visit in browser：http://localhost:3000