Skip to content

README.md

Latest commit

 

History

History
68 lines (46 loc) · 2.15 KB

README.md

File metadata and controls

68 lines (46 loc) · 2.15 KB

Spotify React Clone 🎵

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

Demo

Spotify Clone Screenshot

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: