Music Share Application

React, Apollo, GraphQL

Music-Share-App

The Idea

Building a Music Share Application

Often we want to just listen to the song, instead of watching video on youtube. We also want to share our discovered music with our friends and family members.Currently there are no such apps which can grab the music from youtube or other media providers and allow us to add to a playlist, that gets updated in realtime for other users online.

The Idea is to build a social share music application where users can add songs from youtube/soundcloud etc.. and they can share with other users who are using the App.All users can manage there own playlist from the songs library which gets instantly updated whenever any user adds new songs to the application.

Tech Stack

Material UI is used to build the UI components. GraphQL is used as a Data layer on Hasura to store and access application Data. Apollo Client is used for state management to fetch,cache and modify application data.

Hasura is a GraphQL Engine that gives fast and instant realtime GraphQL on any Postgres application.

Demo

User can grap the link of any song from any music providers like youtube/soundcloud etc. App player will determine if the link is valid and can be played. Once the url is validated, then there are options to update the title track, artist or thumbnail of the song. On Click of Add Song , song is added to the Library.There is also a playlist, where users can add/remove the songs from the library.

All users using the app will get instant update of any new song added by any user, this is done through GraphQL subscriptions.

Try the demo here.