Bonovmusic banner

Bonovmusic

3 devlogs
13h 3m 22s

BONd OVer MUSIC is a website where you can login with your spotify account and connect with your friends to listen to your favourite music together and hopefully there will be an option to translate lyrics to your friends and you write the lyrics …

BONd OVer MUSIC is a website where you can login with your spotify account and connect with your friends to listen to your favourite music together and hopefully there will be an option to translate lyrics to your friends and you write the lyrics and they’ll be shared publicly (the lyrics ) so others can benefit

Sub

So I used figma which I’m not used to do normally but I found it hard but practical gets things done faster and here is the things I did:
▫〇Designed the page first on figma
▫〇 I had a hard time implementing the design to my website
▫〇 the two audio players are now working
▫〇wrote the tasks I have to do next time

Attachment
Attachment
0
Sub

sorry for the mess but i’ll improve the UI later
▫〇 found an opensource api (streams full audio length)
▫〇 filtered results so that there’re no duplicates
▫〇 adding helper elements

0
Sub

pheeeeew that was tough and still is
here is what i did:
▫〇 I set up both backend and frontend (express + React)
▫〇 I set up the backend to handle spotify login , spotify data fetching and session-cookie auth
▫〇 I build a basic frontend to test things out like getting spotify tracks and artists
▫〇 i spent maybe one hour debugging why sessions weren’t working out but it turned out that my backend and frontend url wasn’t matching up (localhost,127.0.0.1)

here is what I’m gonna do:
▫〇 hopefully i’ll find a way to put full length songs on the websites i don’t know how i’ll do it maybe use soundcloud for the tracks or any public songs website with full length audio fetching
▫〇 improve the frontend like a ton cuz i’m not really a frontend developer so what i have rn is complete garbage

Attachment
0