• Stars
    star
    167
  • Rank 226,635 (Top 5 %)
  • Language Vue
  • Created over 6 years ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

🎧 A simple SoundCloud client built with Vue and Nuxt

🎧 Vue SoundCloud

Simple SoundCloud client built with Vue and Nuxt.


⚠️ At present, it is not functional ⚠️

Unfortunately, third-party applications that relied on SoundCloud's API to play music from its platform are no longer functional due to SoundCloud's decision to discontinue the API. Moreover, the platform had long time ceased providing API keys to users without any clear explanation prior to this. As a result, developers are left without a solution to work with the APIs, which has caused frustration and inconvenience for those who use these applications to access SoundCloud's vast music collection. It remains to be seen if SoundCloud will provide an alternative solution to this problem for developers and users alike.

I am hopeful that we can revive this project once again, so I don't archive this repository!


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:

More Repositories

1

awesome-coronavirus

🦠 Huge collection of useful projects and resources for COVID-19 (2019 novel Coronavirus)
TypeScript
1,555
star
2

unsplash-wallpapers

🖼️ A cross-platform desktop application to set wallpapers from Unsplash built with Electron, React, and Redux
JavaScript
352
star
3

450-free-courses

📚 Here are 450 Ivy League courses you can take online right now for free
144
star
4

giant-sur

🍏 macOS Big Sur UI clone for the web built with React, Next.js, TypeScript, and Tailwind CSS
TypeScript
112
star
5

github-readme-linkedin

📋 A serverless application to get dynamically generated images from your LinkedIn profile on your GitHub READMEs
TypeScript
108
star
6

axios-react

🌐 HTTP client component for React based on Axios
TypeScript
47
star
7

radiojavan-downloader

⬇️ Simple Google Chrome extension for downloading tracks, videos and podcasts from RadioJavan
JavaScript
44
star
8

github-react-native-apollo-graphql

📱 A GitHub mobile app built with React-Native and Apollo GraphQL
JavaScript
32
star
9

VIF

💨 A desktop application to convert videos to high-quality GIF built with Electron and React
JavaScript
29
star
10

react-ignore-rerender

🚀 Simple component for ignoring the re-rendering of a piece of React's render method.
JavaScript
27
star
11

Rial

💵 A simple MacBook Touch Bar application to show USD, Euro, 18K Gold, and Bahar Azadi Coin live prices in Rial
JavaScript
26
star
12

clubhouse-unfollowers

👋 Find and unfollow people who unfollowed you or don't follow you back on Clubhouse
TypeScript
23
star
13

awesome-dynamic-readme

A curated list of awesome GitHub dynamic READMEs
20
star
14

url-shortener

Minimal full-stack URL Shortener application.
TypeScript
17
star
15

map-nearest-location

📍 Find the nearest location and get distance from locations list without network request
JavaScript
16
star
16

cli-corona

📈 Track COVID-19 (2019 novel Coronavirus) statistics via the command line.
TypeScript
15
star
17

iran-coronavirus

IOS & Android app about Coronavirus in Iran built with React-Native and TypeScript
TypeScript
7
star
18

soroushchehresa

Soroush Chehresa
3
star