Skip to content
🎧 SoundCloud client built with Vue and Nuxt
Vue JavaScript
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets Add GitHub button Oct 19, 2019
components Add GitHub button Oct 19, 2019
layouts Add GitHub button Oct 19, 2019
middleware Add Nuxt.js Oct 19, 2019
pages Add Nuxt.js Oct 19, 2019
plugins Add Nuxt.js Oct 19, 2019
server Add Nuxt.js Oct 19, 2019
static make it better Oct 19, 2019
store Add Nuxt.js Oct 19, 2019
utils make it better Oct 19, 2019
.babelrc Add Nuxt.js Oct 19, 2019
.editorconfig Add Nuxt.js Oct 19, 2019
.gitignore Add Nuxt.js Oct 19, 2019
README.md Update README.md Oct 19, 2019
jest.config.js Add Nuxt.js Oct 19, 2019
nuxt.config.js make it better Oct 19, 2019
package.json make it better Oct 19, 2019
yarn.lock Add Nuxt.js Oct 19, 2019

README.md

Vue SoundCloud

This is a simple SoundCloud client that built with Vue.js and Nuxt.js.

Live demo:

https://vue-soundcloud.herokuapp.com

Screenshots:

Desktop view:

Responsive 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.
  • And so on...

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

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.

Support:

You can’t perform that action at this time.