Skip to content

salmanclever/vue-soundcloud

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

74 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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:

About

🎧 SoundCloud client built with Vue and Nuxt

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • Vue 85.0%
  • JavaScript 15.0%