All Projects → janyin → netease-music-app

janyin / netease-music-app

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

Programming Languages

javascript
184084 projects - #8 most used programming language
typescript
32286 projects
Vue
7211 projects
CSS
56736 projects
HTML
75241 projects

Projects that are alternatives of or similar to netease-music-app

Nextjs Material Dashboard
NextJS version of Material Dashboard React
Stars: ✭ 50 (-47.37%)
Mutual labels:  nextjs, material-ui
Nitro
An Example of a PWA using Nextjs, Material-UI, Typescript and Auth0 💗
Stars: ✭ 130 (+36.84%)
Mutual labels:  nextjs, material-ui
Nextjs Full Demo
Demo about integration between examples of next.js and also fix some issues during development
Stars: ✭ 76 (-20%)
Mutual labels:  nextjs, material-ui
Create Next App
Create Next.js apps in one command
Stars: ✭ 2,783 (+2829.47%)
Mutual labels:  nextjs, next
Saas
Build your own SaaS business with SaaS boilerplate. Productive stack: React, Material-UI, Next, MobX, WebSockets, Express, Node, Mongoose, MongoDB. Written with TypeScript.
Stars: ✭ 2,720 (+2763.16%)
Mutual labels:  nextjs, material-ui
Web3studio Sojourn
A React Native DevKit with code for a Web3 Decentralized Data Storage Pattern.
Stars: ✭ 29 (-69.47%)
Mutual labels:  nextjs, material-ui
Typescript Nextjs Redux Material Ui Example
next.js v9, typescript v3.7, redux, material-ui v4, react-hooks, redux-saga, SSR
Stars: ✭ 93 (-2.11%)
Mutual labels:  nextjs, material-ui
react-movies-finder
React Movies finder is a React app to search movies and series using redux, redux-thunk, React Hooks, and Material UI
Stars: ✭ 27 (-71.58%)
Mutual labels:  nextjs, material-ui
Next I18next
The easiest way to translate your NextJs apps.
Stars: ✭ 2,818 (+2866.32%)
Mutual labels:  nextjs, next
Serverless Next.js
⚡ Deploy your Next.js apps on AWS Lambda@Edge via Serverless Components
Stars: ✭ 2,977 (+3033.68%)
Mutual labels:  nextjs, next
React Awesome Slider
React content transition slider. Awesome Slider is a 60fps, light weight, performant component that renders an animated set of production ready UI general purpose sliders with fullpage transition support for NextJS and GatsbyJS. 🖥️ 📱
Stars: ✭ 2,343 (+2366.32%)
Mutual labels:  nextjs, next
Builderbook
Open source web application to learn JS stack: React, Material-UI, Next.js, Node.js, Express.js, Mongoose, MongoDB database.
Stars: ✭ 3,015 (+3073.68%)
Mutual labels:  nextjs, material-ui
Swr
React Hooks for data fetching
Stars: ✭ 20,348 (+21318.95%)
Mutual labels:  nextjs, swr
Nestpress
A production ready personal blogging system on top of NestJS and NEXT.js
Stars: ✭ 38 (-60%)
Mutual labels:  nextjs, material-ui
dogstudio-next-starter
Opinionated Next.js starter by Dogstudio
Stars: ✭ 66 (-30.53%)
Mutual labels:  nextjs, next
Nextjs With Redux And Material Ui
A boilerplate NextJS with Redux and Material UI
Stars: ✭ 79 (-16.84%)
Mutual labels:  nextjs, material-ui
swr-examples
SWR is a React Hook library for remote data fetching. Here are some simple examples.
Stars: ✭ 14 (-85.26%)
Mutual labels:  nextjs, swr
expansion-pack
🔋 Useful stack expansion for ts-nextjs-tailwind-starter
Stars: ✭ 16 (-83.16%)
Mutual labels:  nextjs, swr
Nextjs Material Kit
NextJS version of Material Kit React by Creative Tim
Stars: ✭ 141 (+48.42%)
Mutual labels:  nextjs, material-ui
Ark
An easiest authentication system on top of NestJS, TypeORM, NEXT.js(v9.3) and Material UI(v4).
Stars: ✭ 228 (+140%)
Mutual labels:  nextjs, material-ui

🎵 仿网易云音乐移动端【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 播放 ...
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].