Sound Place

A React/Redux/RxJS/redux-observable PWA where you can manage and listen to Youtube playlists and songs.

Features and toolbelt

• Typescript
• React
• React Router
• Redux to manage application state
• redux-observable as middleware
• RxJS to use observable collections
• Built with Webpack
• Transpiled with Babel
• Graphql realtime subscriptions and cache-then-network strategy with ApolloClient
• Sass as css preprocessor
• gh-pages to deploy production environment
• Cloudflare as CDN
• Travis Integration
• Greenkeeper Dependency Manager
• BundleSize < 100kb automatic check on PRs
• Code Climate automatic check on PRs
• Sentry for error tracking
• Workbox to generate service-worker and runtime caching
• Background player even on blocked screen with Media Session API
• Offline strategy to cache songs and let user select what to cache
• Let user remove songs from cache
• 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