janyin / netease-music-app

网易云音乐移动端【React/Next/Vue】【Ant Design/Material UI】

Home Page:https://netease-music-app.vercel.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

🎵 仿网易云音乐移动端【React/Next/Vue】

功能页面都比较简单,但是常见需求都有(搜索、列表、页面跳转、数据状态管理)
适合拿来练手的入门级前端 Demo

🍓Preview 预览

😯Tech 技术

  • React : creact-react-app/redux/react router/antd-mobile
  • Next : material-ui/swr/react hooks
  • Vue : vuex/vux/vue router/better-scroll

🏃Install 运行

以 next 框架为例

1、clone

git clone https://github.com.cnpmjs.org/janyin/netease-music-app

cd netease-music-app

2、安装依赖

cd next

yarn

3、本地运行

yarn dev

4、打包

yarn build

⬆️Features 功能

  • 推荐歌单
  • 歌单详情
  • 歌曲搜索
  • 歌词滚动播放
  • 歌曲排行榜

💁 API

API 来源

🉑️ Future 未来

  • TypeScript/Angular 版本
  • 登录/登出
  • 歌曲 MV 播放 ...

About

网易云音乐移动端【React/Next/Vue】【Ant Design/Material UI】

https://netease-music-app.vercel.app/

License:MIT License


Languages

Language:JavaScript 43.0%Language:TypeScript 27.9%Language:Vue 14.5%Language:CSS 13.6%Language:HTML 0.9%