Skip to content

AnshMeshram/spotify-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 

Repository files navigation

🎵 Spotify Clone

A fully responsive Spotify-inspired music streaming web application that mimics the look and feel of the official Spotify platform. This project was built to demonstrate front-end development skills, UI/UX design, and integration with music APIs.

🚀 Live Demo: (https://spotify-clone-s60l.onrender.com/)


📸 Preview

image


🛠️ Features

  • 🎧 Play/pause music with album art
  • 🎶 Playlist and song browsing
  • 🔍 Real-time search for artists and tracks
  • 📱 Responsive design across devices
  • 🌓 Light/Dark mode toggle (if applicable)
  • 🎼 Basic player controls (play, pause, next, previous)

⚙️ Tech Stack

Frontend

  • HTML5
  • CSS3 (Flexbox/Grid for layout)
  • JavaScript (ES6+)
  • React.js (optional if used)
  • Tailwind CSS / Bootstrap (if used)

Backend/API (if applicable)

  • Spotify Web API (for fetching music data - optional)
  • Node.js / Express (if used)

Tooling & Libraries

  • Vite / Webpack / Create React App
  • Axios / Fetch API (for data fetching)
  • React Router DOM (for navigation if SPA)
  • Font Awesome / Material Icons
  • Lottie Files / Animate.css (for animations)

📦 Installation & Setup

# 1. Clone the repository
git clone https://github.com/AnshMeshram/spotify-clone.git

# 2. Navigate to project directory
cd spotify-clone

# 3. Install dependencies
npm install

# 4. Start the development server
npm start

# Fork this repository
# Create your feature branch: git checkout -b feature-name
# Commit your changes: git commit -m 'Add feature'
# Push to the branch: git push origin feature-name
# Open a pull request

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors