GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → rwieruch → Favesound Mobx

rwieruch / Favesound Mobx

🎶 A SoundCloud Client in React + MobX running in production. Live Demo and Source Code to explore React + MobX. Refactored from favesound-redux

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

reactdemoreact-routermobxreact-router-v4soundcloud

Projects that are alternatives of or similar to Favesound Mobx

Favesound Redux
🎶 A SoundCloud Client in React + Redux running in production. Live Demo and Source Code to explore React + Redux as a beginner.
Stars: ✭ 1,586 (+198.12%)
Mutual labels:  soundcloud, demo, react-router, react-router-v4
workshop
React Workshop
Stars: ✭ 13 (-97.56%)
Mutual labels:  react-router, react-router-v4
Soundcloud Redux
SoundCloud API client with React • Redux • Redux-Saga
Stars: ✭ 681 (+28.01%)
Mutual labels:  soundcloud, react-router
react-mobx-router
Create React App with React Router 4 and MobX + Internationalization
Stars: ✭ 90 (-83.08%)
Mutual labels:  react-router, mobx
React Demo Gather
react demo合集，有自己写的，也有在学习过程中觉得很好的demo收集的，持续更新中
Stars: ✭ 97 (-81.77%)
Mutual labels:  demo, react-router
Universal React Router4
Demo app showing how to use react-router v4 for server- and client-side rendering
Stars: ✭ 216 (-59.4%)
Mutual labels:  demo, react-router
rgxp
Regular Expression Collection (ReactJS, Redux, React Router, Recompose, NodeJS, Express)
Stars: ✭ 62 (-88.35%)
Mutual labels:  react-router, react-router-v4
Serverless Stack Demo Client
Source for the demo app client in Serverless-Stack.com
Stars: ✭ 629 (+18.23%)
Mutual labels:  demo, react-router-v4
mobxSpa
企业级SPA项目，完整开发脚手架
Stars: ✭ 96 (-81.95%)
Mutual labels:  mobx, react-router-v4
coconat
🍥 StarterKit Builder for rocket-speed App creation on 🚀 React 17 + 📙 Redux 4 + 🚠 Router 5 + 📪 Webpack 5 + 🎳 Babel 7 + 📜 TypeScript 4 + 🚔 Linters 23 + 🔥 HMR 3
Stars: ✭ 95 (-82.14%)
Mutual labels:  react-router, react-router-v4
boring-router
A type-safe MobX router with parallel routing support.
Stars: ✭ 74 (-86.09%)
Mutual labels:  react-router, mobx
Mobx React Form Demo
Demo of MobX React Form
Stars: ✭ 78 (-85.34%)
Mutual labels:  demo, mobx
Universal React Demo
ES6 demo of a simple but scalable React app with react-router, code splitting, server side rendering, and tree shaking.
Stars: ✭ 50 (-90.6%)
Mutual labels:  demo, react-router-v4
Create React Redux App
This project was bootstrapped with Create React App and Redux, Sass Structure.
Stars: ✭ 46 (-91.35%)
Mutual labels:  demo, react-router
react-douban
A React project
Stars: ✭ 21 (-96.05%)
Mutual labels:  react-router, mobx
Tips-in-React
在 React 开发实际项目过程的使用心得
Stars: ✭ 15 (-97.18%)
Mutual labels:  react-router, react-router-v4
React Book
《React进阶之路》示例代码
Stars: ✭ 249 (-53.2%)
Mutual labels:  react-router, mobx
Web
⚡️ Supercharged version of Create React App with all the bells and whistles.
Stars: ✭ 594 (+11.65%)
Mutual labels:  demo, react-router
cra-flask
Unejected create-react-app ui, flask api with token authentication
Stars: ✭ 20 (-96.24%)
Mutual labels:  react-router, react-router-v4
react-with-mobx-template
project template-react&&mobx
Stars: ✭ 15 (-97.18%)
Mutual labels:  mobx, react-router-v4
View All Similar Projects ➔

favesound-mobx

Build Status Slack

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

Includes

  • react v. 16
  • react-router v. 4
  • mobx
  • mobx-react
  • 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
  • inifite scroll + paginated fetching
  • follow people
  • like tracks
  • player play/stop/forward/backward track
  • playlist
  • sort tracks by plays, likes, comments, reposts, downloads
  • filter tracks by duration
  • search tracks by name and artist

Getting Started

Refactored from original version in Redux:

Create your own SoundCloud application:

Feedback is more than appreciated via GitHub, Twitter or my Blog.

Run

  1. Clone Repository: git clone [email protected]:rwieruch/favesound-mobx.git
  2. Exchange CLIENT_ID in ../src/constants/authentification.js with your own from SoundCloud for Developers and use http://localhost:8080/callback as Redirect_URI for your Soundcloud App
  3. npm install
  4. npm start
  5. visit http://localhost:8080
  6. npm test

Contribute

I am looking for contributors to make this project awesome! It doesn't matter if you are new to open source, I would welcome it!

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].