/favesound-redux

🎶 A SoundCloud Client in React + Redux running in production. Live Demo and Source Code to explore React + Redux as a beginner.

Primary LanguageJavaScript

favesound-redux

Build Status Slack

The SoundCloud Client in React + Redux made with passion. Demo, Sibling Project: favesound-mobx

Get started on your own!

Includes

  • react v. 16
  • react-router v. 4
  • redux
  • react-redux
  • redux-thunk
  • 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
  • infinite scroll + paginated fetching
  • follow people
  • like tracks
  • player play/stop/forward/backward track
  • player with shuffle tracks, share link and volume
  • player with duration bar for tracks and navigation
  • playlist
  • sort tracks by plays, likes, comments, reposts, downloads
  • filter tracks by duration
  • search tracks by name and artist

Run on your Machine

  1. Clone Repository: git clone git@github.com:rwieruch/favesound-redux.git
  2. npm install
  3. npm start
  4. visit http://localhost:8080/
  5. npm test

Contribute

I am looking actively for contributors to make this project awesome!

I wouldn't want to extend the project with new routes like: that's my profile page and that's my favorite track page. Rather I see more value in improving the status quo of the app: Improving the player, the playlist or the interaction overall. I would love to see a GitHub issue to see where you want to work on. Moreover I will try to find the time to raise some more issues where people can contribute. At the end it is a perfect project to get started in open source!

Improve

Feedback is more than appreciated via GitHub or Twitter