Awesome Open Source
Awesome Open Source

🎧 Vue SoundCloud

Simple SoundCloud client built with Vue and Nuxt.


NOTE:

It seems that SoundCloud has revoked my api client keys without any explanation or warning. Running the app locally no longer works unless you have a working SoundCloud API client id (SoundCloud has disabled registration of new apps for quite some time now). The live demo is also not working at the moment.

Live demo:

https://vue-soundcloud.herokuapp.com

Screenshots:

Desktop view:

Mobile view:

Features:

  • Server-side rendering with Nuxt.js.
  • Load data from SoundCloud API.
  • The home page included loading more tracks with infinite scroll and search tracks form.
  • The track page included related tracks ,track comments and showing track wave.
  • The profile page included the user tracks and user followers.

This project implemented by the following technologies:

Let's run:

Clone the project:

$ git clone https://github.com/soroushchehresa/vue-soundcloud.git vue-soundcloud

Starting Development:

Run one of the following commands:

$ yarn && yarn dev

# OR

$ npm i && npm run dev

Build and run production:

Run one of the following commands:

$ yarn && yarn build && yarn start

# OR

$ npm i && npm run build && npm start

Support:


Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
vue (4,385
vuejs (1,136
music (609
vuex (427
vuejs2 (377
vue-router (290
nuxt (232
spa (195
music-player (183
nuxtjs (133
single-page-app (64
soundcloud (53
single-page-applications (28