Skip to content

Music player app built to practice React hooks, Apollo, GraphQL and Material UI.

Notifications You must be signed in to change notification settings

ianfleming464/aesthetic-music-player

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

32 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

a e s t h e t i c

m u s i c

p l a y e r

With aesthetic music player, you can enter a URL from either Soundcloud or YouTube and play it via the onscreen player (without additional video streaming, in YouTube's case).

Tech stack:

React is used for the frontend. The backend consists of a GraphQL engine deployed by Hasura, and interacted with via Apollo-client. The database used is Neon (postgres). Styling is applied via Material UI.

Functionality:

With the music player, you can enter any YouTube or Soundcloud URL and save the information to the database. You can then create a listening queue to suit your mood. The songs in the queue are saved in local storage, so you won't lose your playlist.

Screenshot 2023-04-05 at 13 54 00

Challenges:

Created from an out-of-date coursework idea, which needed complete updating to exclude using Heroku, and to include new versions of Apollo-client, Hasura and Material UI.

##