Build Simple Soundcloud with Vue and Nuxtjs

Vue SoundCloud

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

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:

• Vue
• Nuxt
• Vuex
• Element
• Howler
• Axios
• And so on…

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).

---

Demo

Download

#vue-js #nuxt-js #build-soundcloud