Giter Site home page Giter Site logo

spiderpig86 / nimbus Goto Github PK

View Code? Open in Web Editor NEW
14.0 3.0 0.0 63.77 MB

:notes: A new way to discover songs and artists on SoundCloud.

Home Page: https://chrome.google.com/webstore/detail/nimbus-music/kddhelajnednobefibdobkcldimhkooc

JavaScript 64.71% CSS 32.25% HTML 2.46% PHP 0.58%
soundcloud soundcloud-api soundcloud-player nodejs express babel cirrus website nimbus responsive

nimbus's Introduction

Nimbus

A simple web application powered by Express and NodeJS that fetches random songs from the SoundCloud library using the SoundCloud API.

โš  Playlists have stopped working due to SoundCloud API restrictions, but the rest of the application should work correctly.

Keyboard Shortcuts

Command Keyboard Combo
Play/Pause Space
Rewind Shift + Arrow-Left
Seek Next Shift + Arrow-Right
Volume Up Shift + Arrow-Up
Volume Down Shift + Arrow-Down

Dependencies

Nimbus uses a few packages to help this run on a machine. Some of the dependencies include:

  • ๐Ÿ’จ Express - it is a web application after all.
  • ๐Ÿ”จ Babel - mainly to support older browsers if you need it.
  • ๐Ÿ’Ž Webpack - bundles modules together to make imports work.
  • โ˜๏ธ Cirrus - a CSS framework I developed.

Why Nimbus?

As great of a platform SoundCloud is, it is mainly built for sharing music through more of a social network rather than for streaming. Recently, SoundCloud has shifted towards streaming services by releasing SoundCloud Go as a subscription based service. this is a great move, but the overall website does not provide as in depth of a streaming experience as it should be. Songs should easily be added to the queue and new related tracks should appear in the queue that allows for user editing. Even simple song details and descriptions should be readily accessible when listening to the song, which a few users complained about before. Nimbus is not designed to replace SoundCloud, but serves as an alternative platform for streaming and discovering music that is built just for that after stripping away everything else.

Screenshots & Video

As of 8/3/17 SearchSettings ChartsQueue

Nimbus as of 8/3/17

Nimbus in action

How to Run

First obtain all the dependencies:

npm install

Then set up your API key, which is located in consts.json. After you make sure that all the dependencies are included, run:

node ./routes/app.js

If you have made any changes to the modules, make sure to run:

webpack
Run locally if your global build does not work: `node_modules/.bin/webpack`

and then rerun:

node ./routes/app.js

To stop the app from running, execute:

process.exit(0);

Download for Chrome

You can download the standalone app for Chrome OS devices (Chrome store no longer shows new apps for other platforms) here.

Keys

Remember to enter your client_id and client_secret in the consts.json file. Also rename any references of consts-sec.json to consts.json`.

TODO

  • Locally store favorited tracks in new favorites tab
  • Improve UI
  • Connect to SoundCloud account

nimbus's People

Contributors

spiderpig86 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

nimbus's Issues

Unable to fetch any data.

As of about a month ago, SoundCloud has closed its API and no longer delivers data for streaming and song information.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.