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

favesound-mobx

The SoundCloud Client in React + MobX made with passion. Demo, Sibling Project: 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
• Repository

Create your own SoundCloud application:

• Tutorial 1: The SoundCloud Client in React + Redux
• Tutorial 2: Refactoring to MobX.
• Boilerplate: React + MobX + SoundCloud

Feedback is more than appreciated via GitHub, Twitter or my Blog.

Run

1. Clone Repository: git clone [e-mail]:rwieruch/favesound-mobx.git
2. Exchange CLIENT_ID in ../src/constants/authentification.js with your own from SoundCloud for Developers 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!