Rift - An Ad Free Web Song Player banner

Rift - An Ad Free Web Song Player

6 devlogs
5h 13m 33s

This is an ad free Web Song Player (with a limited number of songs as of now)

This project uses AI

Used Claude Opus 4.6 to figure out how to use Supabase to store songs as well as to enable all the policies and what not in the SQL editor, additoinally it also updated my script.js file for the same reason. Also used gemini 3 to help me sharpen css right before shipping.

Demo Repository

Loading README...

sidsassy28

Shipped this project!

I’m very happy with how the website turned out , and am proud of myself for creating a functioning Spotify clone. I would have liked to add more songs and a signup feature , but with time running out , I decided to let it be.

sidsassy28

I finally moved the -until now- locally hosted songs to a cloud database , specifically ‘supabase’, Also added “merry go round of life” to the library.

Though I have to admit I did use AI in this part of the project , all of which has been recorded in the AI declaration at the top

Attachment
Attachment
0
sidsassy28

Added a playlist function and improved the Pseudo Single Page Application System (The system that allows me to continue playing the song despite changing the page)

Attachment
Attachment
Attachment
Attachment
Attachment
Attachment
Attachment
Attachment
0
sidsassy28

I Made it so that the song continues to play as you browse through the website , as if you leftthe home page before, the song would stop playing, Also polished UI a bit and added hover animations to all ui

Attachment
Attachment
Attachment
0
sidsassy28

First of all , apologies for creating my first devlog so late, I completely forgot about it.

Anyways, in my 2 hours and 21 minutes of work I managed to make

  1. A home screen with 5 songs- The john cena theme , Softcore by the neighbourhood , BIRDS OF A FEATHER- by billie eillish , Die with a smile buy lady gaga and Bruno Mars , and finally Golden Hour by JVKE
  2. Basic Song controls , including an interactive duration bar
  3. A really cool interactive sidebar
  4. A “colorful “ theme
  5. A library page , with all the added songs
  6. A liked page with all the songs you liked
    TO DO -
    Make it so that the song continues to play as you browse through the website , as if you leave the home page right now , the song stops playing
    Make a login page, even if there is no backend , just so that the project feels more complete
    Make a signup page to accompany for the same reason as above
    Maybe change the color scheme
    Add a search bar
    Add a Volume bar
    Add a “Next up “ queue logic
    Add a playlists page
    Add hover states to all UI
    Add a Dark/Light Mode feature
    And ofc work on adding more songs
Attachment
Attachment
Attachment
Attachment
Attachment
Attachment
Attachment
Attachment
0