Recreating Spotify Desktop website and creating a mobile interface on Framer.

To create my Framer portfolio, I went on a mission to recreate websites that meet my standard of a good website and would put up a challenge. I needed to test me skills and also learn. During my search, I discovered some pretty amazing websites including Hulu and Spotify. I decided to work on Spotify first and I will be getting back to recreate Hulu (watch out for that). So, here is how it turned out.

Above is the desktop view, it is absolutely responsive and will resize based on your screen dimensions. The website occupies the entire viewport height and the content scrolls in and out of the viewport.

Above is the mobile view and the mockup. Currently, Spotfiy doesn't have a web version for mobile, they only have an app. However, I think the web mobile would be nice.

Thank you

P.S: if you want to check it out live, here is the link https://simplified-room-012178.framer.app/ Note, it is not connected to any database so you can't listen to music on there.