/Songify

Songify is a Spotify clone coded in HTML, CSS, Typescript with pure DOM manipulation

Primary LanguageTypeScript

Songify

Songify is a Spotify clone coded in HTML, CSS, Typescript with pure DOM manipulation which gets its data from a .json file and saves liked and recently played songs in apps local storage (cache). Songify also handles downloading songs (indexedDB) and client side routing to share albums, songs and artists.

Home

You can see 6 suggested song, recently played songs and new released albums which are fully functioned

Search

You can search between albums, songs and artists and navigate to their pages by clicking on the results.

Library

You can see liked songs, albums and artists in this page and search in them.(all parts are fully functioned)

Play Page

You can play albums, playlist and single songs and have full control such as skipping, shuffling, looping, liking and minimizing on them.

Album Page

You can see all of the albums song and play each of them individually or just play the whole album or like it to save it in your library!

Artist Page

You can see all of the songs composed by the artist and play each of them individually or just play the whole album or like it to save it in your library!

Bellow is a video demonstrating all the parts and options of the app.

Trailer.mp4