Code Monkey home page Code Monkey logo

jounce's Introduction

Jounce is a streaming music radio service implemented in React-on-Rails and deployed to production via use of NGINX, AWS and Docker.

Explore and listen at jounce.se

Dashboard

dashboardView

From the dashboard, users can listen to and discover their new favorite songs, all in one location.

Features
  • Follow your friends - see which song they've listened to most recently
  • Loop through playlists or individual tracks
  • Use the optional shuffle mode
  • Form playlists of your favorite songs
  • Search for your favorite songs, playlists, and friends from the convenient search bar at the top of the console
  • Seek through a song or change your listening volume using the special purpose bars at the bottom of the console
  • Click through the special viewing pages for albums, artists, and playlists
  • Store your favorite albums, artists, and songs and access them through the handy navbar on the left of the console
Implementation
  • Background client-side daemon is used to handle user requests and song progress
  • React's virtual DOM allows for lightning-quick rerendering without requiring new pages to be sent from the server. Modals appear/disappear using React rather than toggling CSS display properties.
  • Back end structure is RESTful and all the data requests use AJAX and are fulfilled with a JSON API.

Upsell Subscriber Page

premiumPayView

Jounce operates under a two-tier subscriber model.

Features
  • Freemium users are exposed to sponsored advertisements, which occur in between song plays
  • Premium users are charged a monthly subscription fee to forgo these commercial interruptions
Implementation
  • Jounce uses Stripe to securely handle customer transactions without the dangers of storing sensitive customer information in Jounce's AWS RDS database.

Landing Page

landingView

Features:
  • Users accounts can be connected directly to Facebook

Planning Documentation

Technologies Used

jounce's People

Contributors

trajanson avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.