Soundplace
A React/Redux/redux-observable PWA where you can manage and listen to Youtube playlists.
Install / Use
/learn @tsirlucas/SoundplaceREADME
Sound Place
A React/Redux/RxJS/redux-observable PWA where you can manage and listen to Youtube playlists and songs.
Features and toolbelt
- [X] Typescript
- [x] React
- [x] React Router
- [x] Redux to manage application state
- [x] redux-observable as middleware
- [x] RxJS to use observable collections
- [x] Built with Webpack
- [x] Transpiled with Babel
- [x] Graphql realtime subscriptions and cache-then-network strategy with ApolloClient
- [x] Sass as css preprocessor
- [x] gh-pages to deploy production environment
- [x] Cloudflare as CDN
- [x] Travis Integration
- [x] Greenkeeper Dependency Manager
- [x] BundleSize < 100kb automatic check on PRs
- [x] Code Climate automatic check on PRs
- [x] Sentry for error tracking
- [x] Workbox to generate service-worker and runtime caching
- [x] Background player even on blocked screen with Media Session API
- [x] Offline strategy to cache songs and let user select what to cache
- [x] Let user remove songs from cache
- [x] Offline bar to tell users when they're running offline
Running locally (.env needed)
- Clone the repository:
git clone https://github.com/tsirlucas/soundplace.git cd soundplacenpm installnpm run dev
