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

Home Page:http://www.robinwieruch.de/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

favesound-mobx

Build Status Slack

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:

Create your own SoundCloud application:

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

Run

  1. Clone Repository: git clone git@github.com: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!

About

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

http://www.robinwieruch.de/


Languages

Language:JavaScript 91.1%Language:CSS 8.9%