Discover great music.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.sass-cache/db209445e039a5f7b8833c6ff04e006cdd3c733d
app
bin
config
db
demo/screenshots
frontend
lib
log
mocks
public
test
tmp
vendor
.babelrc
.gitignore
Gemfile
Gemfile.lock
README.md
Rakefile
config.ru
package.json
webpack.config.js

README.md

Sonatify

Sonatify is a single-page app powered by a Rails backend and React-Redux frontend. Conceived, designed and implemented over 10 days in September 2017, Sonatify provides a music-streaming platform for classical music lovers to listen to great music and connect with others.

View Live Demo

Technologies

Sonatify uses Rails 5 with a PostgreSQL database on the backend, with AWS S3 Cloud Storage for audio storage and access. On the front-end, a React component hierarchy enables on-the-fly DOM manipulation while Redux manages the application state.

The result of this architecture is a performant, scalable and modern web app.

Key Features

  • User authentication using bcrypt for password encryption and session cookies
  • Continuous track play
  • Playlist CRUD operations
  • Live asynchronous fuzzy track search
  • User follows

Hot loading

Hot Loading

Live asynchronous fuzzy track search

Hot Loading

User follows

Hot Loading

Future Development

  • Expand search: performers, composers, albums
  • Add performer, composer, album details
  • Include composition year in track info