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

No packages published