https://github.com/rwieruch/favesound-mobx

🎶 A SoundCloud Client in React + MobX running in production. Live Demo and Source Code to explore React + MobX. Refactored from favesound-redux
https://github.com/rwieruch/favesound-mobx

demo mobx mobx-react react react-router react-router-v4 soundcloud soundcloud-api soundcloud-client

Last synced: 30 days ago
JSON representation

🎶 A SoundCloud Client in React + MobX running in production. Live Demo and Source Code to explore React + MobX. Refactored from favesound-redux

• Host: GitHub
• URL: https://github.com/rwieruch/favesound-mobx
• Owner: rwieruch
• Created: 2016-08-18T07:36:38.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2018-10-25T05:42:50.000Z (about 6 years ago)
• Last Synced: 2024-05-01T13:06:10.011Z (6 months ago)
• Topics: demo, mobx, mobx-react, react, react-router, react-router-v4, soundcloud, soundcloud-api, soundcloud-client
• Language: JavaScript
• Homepage: http://www.robinwieruch.de/
• Size: 453 KB
• Stars: 528
• Watchers: 19
• Forks: 55
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# favesound-mobx

[![Build Status](https://travis-ci.org/rwieruch/favesound-mobx.svg?branch=master)](https://travis-ci.org/rwieruch/favesound-mobx) [![Slack](https://slack-the-road-to-learn-react.wieruch.com/badge.svg)](https://slack-the-road-to-learn-react.wieruch.com/)

The SoundCloud Client in React + MobX made with passion. [Demo](http://www.favesound.de/), [Sibling Project: favesound-redux](https://github.com/rwieruch/favesound-redux)

## Includes

* react v. 16

* react-router v. 4

* mobx

* mobx-react

* normalizr

* lodash-fp

* airbnb-extended eslint

* enzyme v. 3

* Soundcloud API.

## Features

* login to SoundCloud

* show your personal stream

* show favorite tracks, followers and followings

* inifite scroll + paginated fetching

* follow people

* like tracks

* player play/stop/forward/backward track

* playlist

* sort tracks by plays, likes, comments, reposts, downloads

* filter tracks by duration

* search tracks by name and artist

## Getting Started

Refactored from original version in Redux:

* [Demo](http://www.favesound.de/)

* [Repository](https://github.com/rwieruch/favesound-redux)

Create your own SoundCloud application:

* [Tutorial 1: The SoundCloud Client in React + Redux](http://www.robinwieruch.de/the-soundcloud-client-in-react-redux/)

* [Tutorial 2: Refactoring to MobX](http://www.robinwieruch.de/mobx-react/).

* [Boilerplate: React + MobX + SoundCloud](https://github.com/rwieruch/react-mobx-soundcloud)

Feedback is more than appreciated via [GitHub](https://github.com/rwieruch), [Twitter](https://twitter.com/rwieruch) or my [Blog](http://www.robinwieruch.de/).

## Run

1. Clone Repository: `git clone [email protected]:rwieruch/favesound-mobx.git`

2. Exchange CLIENT_ID in `../src/constants/authentification.js` with your own from [SoundCloud for Developers](https://developers.soundcloud.com/) and use `http://localhost:8080/callback` as `Redirect_URI` for your Soundcloud App

3. `npm install`

4. `npm start`

5. visit http://localhost:8080

6. `npm test`

## Contribute

I am looking for contributors to make this project awesome! It doesn't matter if you are new to open source, I would welcome it!