An open API service indexing awesome lists of open source software.

https://github.com/khanhnamle1994/soundcloud-client

I built a SoundCloud Client in React and Redux
https://github.com/khanhnamle1994/soundcloud-client

eslint flow react redux soundcloud-api web-application

Last synced: 5 months ago
JSON representation

I built a SoundCloud Client in React and Redux

Awesome Lists containing this project

README

          

# SoundCloud Client Favesound

Inspired by [SoundCloud Client Favesound](http://www.favesound.de/), I built a running React + Redux app, which consumes the SoundCloud API. Users will be able to login with your SoundCloud account, list your latest tracks and listen to them within the browser.

![react-redux-soundcloud](react-redux-soundcloud.jpg)

## Folders

### Base

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

### Extensions

- extension-eslint/ - [React ESLint: Code Style like Airbnb in React](http://www.robinwieruch.de/the-soundcloud-client-in-react-redux-eslint)
- extension-flow/ - [Flow: Type Checking with Flow in React + Redux](http://www.robinwieruch.de/the-soundcloud-client-in-react-redux-flow)
- extension-ducks/ - [Redux Ducks: Restructure your Redux App with Ducks](http://www.robinwieruch.de/the-soundcloud-client-in-react-redux-ducks)
- extension-normalizr/ - [Redux Normalizr: Improve your State Management](http://www.robinwieruch.de/the-soundcloud-client-in-react-redux-normalizr)
- extension-observable/ - [Redux Observable RxJS: Going Epic with Reactive Programming](http://www.robinwieruch.de/redux-observable-rxjs/)
- MobX Refactor: [MobX React: Simplified State Management in React](http://www.robinwieruch.de/mobx-react)

## Get Started

1. git clone `git@github.com:khanhnamle1994/soundcloud-client.git`
2. cd base-init
3. npm install
4. npm start
5. (npm test)
6. (read and apply one of the extension tutorials OR start your own project on top of it the base-init)

## Contribute

You could open an issue or write me directly on [GitHub](https://github.com/khanhnamle1994) or [Twitter](https://twitter.com/@james_aka_yale) about your ideas.