soroushchehresa / Vue Soundcloud
🎧 A SoundCloud client built with Vue and Nuxt
Stars: ✭ 141
Labels
Projects that are alternatives of or similar to Vue Soundcloud
Vuemmerce
👉 Responsive ecommerce template 🛒 built with Vue.js and Nuxt.js
Stars: ✭ 223 (+58.16%)
Mutual labels: nuxt, nuxtjs, vuex, vuejs2, vue-router
Laravel Vuejs.com
Laravel and VueJs Blog, using Laravel nova, GraphQL, NuxtJs, Apollo and ...more
Stars: ✭ 54 (-61.7%)
Mutual labels: nuxt, nuxtjs, vuex, vue-router, spa
Symfony Vuejs
Source code of the tutorial "Building a single-page application with Symfony 4 and Vue.js"
Stars: ✭ 170 (+20.57%)
Mutual labels: vuex, vue-router, spa, single-page-applications
Roastandbrew
Updated content available! We learned a lot since we originally wrote this article. We now have this updated for Laravel 8, Vue, and NuxtJS 👉 https://srvrsi.de/book
Stars: ✭ 300 (+112.77%)
Mutual labels: vuex, vuejs2, vue-router, spa
Vue Kindergarten
Modular security for Vue, Vuex, Vue-Router and Nuxt
Stars: ✭ 303 (+114.89%)
Mutual labels: nuxt, vuex, vuejs2, vue-router
Running Time
Sample Single Page Application using Laravel & Vue.js + Vuex + Vue-Router
Stars: ✭ 90 (-36.17%)
Mutual labels: vuex, vue-router, spa, single-page-app
jooger.me
👍 My personal website，powered by @nuxt
Stars: ✭ 39 (-72.34%)
Mutual labels: vuejs2, nuxt, vue-router, nuxtjs
Vue2 Echo
基于vue2 + vue-router + vuex 构建的一个音乐类单页面应用 —— echo回声
Stars: ✭ 408 (+189.36%)
Mutual labels: music, vuex, vue-router, spa
Vue Crud
Vue.js based REST-ful CRUD system
Stars: ✭ 629 (+346.1%)
Mutual labels: vuex, vuejs2, spa, single-page-app
Vuecnodejs
⚽️🎉Vue初/中级项目，CnodeJS社区重构。( a junior project of Vue.js, rewrite cnodejs.org ) 预览(DEMO)：
Stars: ✭ 705 (+400%)
Mutual labels: nuxt, nuxtjs, vuex, vue-router
Vue Laravel Spa
Single Page Application made with Vue.JS2, Vue Router, Vuex and Laravel 5.6.
Stars: ✭ 107 (-24.11%)
Mutual labels: vuex, vuejs2, vue-router, spa
Yesplaymusic
高颜值的第三方网易云播放器，支持 Windows / macOS / Linux
Stars: ✭ 12,981 (+9106.38%)
Mutual labels: music, music-player, vuex, vue-router
Vue Mmplayer
🎵 基于 Vue 的在线音乐播放器（PC） Online music player
Stars: ✭ 1,632 (+1057.45%)
Mutual labels: music, music-player, vuex, vue-router
Nuxt Chat App
Frontend of real-time chat application built using nuxtjs, socket.io. Check the backend at https://github.com/binbytes/chat-app-server.
Stars: ✭ 77 (-45.39%)
Mutual labels: nuxt, nuxtjs, spa
Laravel Vue Starter
Well Documented Laravel Starter App From Development to Production. For Full Blown RESTFUL API and SPA with Beautiful UI Using Buefy / ElementUi For Reusable Vue Components
Stars: ✭ 76 (-46.1%)
Mutual labels: spa, single-page-app, single-page-applications
Surmon.me
🆒 My personal website and blog, powered by @vuejs (3)
Stars: ✭ 1,767 (+1153.19%)
Mutual labels: nuxt, nuxtjs, vuex
Docker Nuxt
Docker image to run NUXT.js application in production mode
Stars: ✭ 71 (-49.65%)
Mutual labels: nuxt, nuxtjs, vuejs2
Vue Memo
Using Vue.js for memo web App. webpack, vuex, vue-router, Firebase.
Stars: ✭ 88 (-37.59%)
Mutual labels: vuex, vuejs2, vue-router
Vue Music163
A webapp what base Vue2.0 contains seaching and playing music
Stars: ✭ 91 (-35.46%)
Mutual labels: music, vuex, vue-router
🎧 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:
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].