MohitPatel1 / spotify-clone

Spotify Clone

spotify-clone

Spotify Clone

challanges faced,

• I installed wrong package named tailwind insted of tailwindCSS
  • corrected it and issue is solved

what does it do

• window.open
• redirect uri
• window.opener
• window.location.hash
• window.location.href.includes("error")
• what is hash from the window.location?
• popstate event
• state
• serializable object
• Material-symbol-outlined class in tw

To do

• profile picture -> done
• Circular,Helvetica,Arial,sans-serif have this fonts -> done
• modify scroll function for title -> done
• scroll only user playlists not spotify logo in aside tag

Notes

Tailwind

• h-full => height: 100%; 100% of the container height h-screen => height: 100vh; full screen reagardless of container size

Learnings

• When element is generated using loop and if it gets too big, avoid using innerHTML += element , to flood the area
  • instead create a new element and append it in every itteration
• setInterval :- invokes the function continuously after the delay time
• setTimeout :- invokes function only once after the delay time