lpasslack / favesound-redux

The SoundCloud Client in React + Redux - Real World

favesound-redux

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

Get started on your own!

• Comprehensive Guide: The SoundCloud Client in React + Redux
• Boilerplate Project

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 [email protected]: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