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

🎶 A SoundCloud Client in React + Redux running in production. Live Demo and Source Code to explore React + Redux as a beginner.
https://github.com/rwieruch/favesound-redux

demo duration normalizr player playlist react react-router react-router-v4 redux redux-thunk soundcloud soundcloud-api soundcloud-client

Last synced: 5 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/rwieruch/favesound-redux
• Owner: rwieruch
• Created: 2016-01-27T21:43:25.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2020-06-12T08:20:09.000Z (over 4 years ago)
• Last Synced: 2024-11-30T15:01:30.089Z (12 days ago)
• Topics: demo, duration, normalizr, player, playlist, react, react-router, react-router-v4, redux, redux-thunk, soundcloud, soundcloud-api, soundcloud-client
• Language: JavaScript
• Homepage: http://www.robinwieruch.de/the-soundcloud-client-in-react-redux/
• Size: 496 KB
• Stars: 1,585
• Watchers: 42
• Forks: 249
• Open Issues: 19
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml

Awesome Lists containing this project

• awesome-opensource-apps - Favesound-redux - soundcloud-client-in-react-redux](http://www.robinwieruch.de/the-soundcloud-client-in-react-redux) | (ReactJS)

README

        
# favesound-redux

[![Build Status](https://travis-ci.org/rwieruch/favesound-redux.svg?branch=master)](https://travis-ci.org/rwieruch/favesound-redux) [![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 + Redux made with passion. [Demo](http://www.favesound.de/), [Sibling Project: favesound-mobx](https://github.com/rwieruch/favesound-mobx)

## Get started on your own!

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

* [Boilerplate Project](https://github.com/rwieruch/react-redux-soundcloud)

## 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/

4. `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](https://github.com/rwieruch) or [Twitter](https://twitter.com/rwieruch)