Spotify React Clone 🎵

Welcome to the Spotify Clone project! This is a frontend clone of Spotify built using React.js and Tailwind CSS.

Demo

Features

• 🎶 Responsive Design: A sleek and modern UI that works seamlessly across different devices.
• 🎧 Music Player Interface: Replicates Spotify's music player UI.
• 🎨 Tailwind CSS: Styled using the utility-first CSS framework.
• ⚡ React Hooks: Efficient and clean code with hooks for managing state and side effects.

Technologies Used

• React.js: JavaScript library for building user interfaces.
• Tailwind CSS: Utility-first CSS framework for styling.
• React Router: For navigating between different pages.

How to Run the Project

Clone the repository:

git clone https://github.com/HarshScripts22/spotify-reactclone.git

Install the required dependencies:

npm install

Run the development server:

npm start

Folder Structure

spotify-reactclone/
├── public/             # Public files such as index.html
├── src/
│   ├── components/     # Reusable components (Header, Footer, Player, etc.)
│   ├── assets/         # Images, icons, etc.
│   ├── App.js          # Main App component
│   ├── index.js        # App entry point
├── tailwind.config.js  # Tailwind CSS configuration
├── package.json        # Project metadata and dependencies
└── README.md           # Project documentation (This file)

Contributing Feel free to fork the repository and submit pull requests. All contributions are welcome 💖😊✨!

React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh