Back to Projects
🎨

Spotify Clone

A pixel-perfect clone of the Spotify landing page built with pure HTML, CSS, and JavaScript.

● Live
2024-01 – 2024-01frontend
View Source

Tech Stack

HTMLCSSJavaScript

Overview

A front-end project that recreates the Spotify web player's landing page with high fidelity. Built entirely with vanilla HTML, CSS, and JavaScript — no frameworks. The project demonstrates strong fundamentals in responsive web design, CSS layout techniques, and attention to UI/UX detail.

Key Features

  • Pixel-perfect recreation of Spotify's landing page
  • Fully responsive layout for all screen sizes
  • Clean, semantic HTML structure
  • CSS animations and hover effects
  • Interactive navigation and UI elements

Challenges & Learnings

  • ⚡Matching Spotify's exact design without using any CSS framework
  • ⚡Creating a fully responsive layout with pure CSS Flexbox and Grid

Related Projects

🎨
● Live

Chess Game

An interactive chess game built with EJS, Tailwind CSS, and JavaScript with full game logic.

EJSTailwind CSSJavaScriptNode.js
View Details