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)

1. Clone the repository: git clone https://github.com/tsirlucas/soundplace.git
2. cd soundplace
3. npm install
4. npm run dev