anhtata / favesound-redux

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

Home Page:http://www.robinwieruch.de/the-soundcloud-client-in-react-redux/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

favesound-redux

The SoundCloud Client in React + Redux made with passion -> Demo

FaveSound

Get started on your own!

Includes

  • react
  • react-router
  • redux
  • redux-thunk
  • normalizr
  • lodash-fp
  • airbnb-extended eslint
  • enzyme
  • 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
  • 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

About

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

http://www.robinwieruch.de/the-soundcloud-client-in-react-redux/


Languages

Language:JavaScript 91.7%Language:CSS 8.3%