A Spotify-inspired web application built with React.js and styled with Tailwind CSS. This project simulates Spotify's core music streaming features with a sleek, modern UI and responsive design.
- 🎵 Music Player: Play, pause, and skip tracks.
- 📋 Playlist Management: Create, update, and delete playlists.
- 🔍 Search Functionality: Find songs, artists, and albums easily.
- 💻 Responsive Design: Optimized for both desktop and mobile screens.
- 🎨 Sleek UI: Styled with Tailwind CSS for a Spotify-like aesthetic.
- Frontend: React.js, Tailwind CSS, Vite
- Backend: (Optional) Node.js and Express for handling API requests
- API: Spotify API or mock data for song and playlist details
This project uses React with Vite, a fast front-end tool optimized for modern web applications, which includes Hot Module Replacement (HMR) and ESLint rules for a clean coding experience. Two official plugins are available for React setup in Vite:
- @vitejs/plugin-react: Uses Babel for Fast Refresh.
- @vitejs/plugin-react-swc: Uses SWC for even faster Fast Refresh.
This minimal setup offers a streamlined development environment for efficient coding.
- Clone the repository:
git clone https://github.com/Pranith07-coder/Spotify-clone.git
- Navigate to the project directory:
cd Spotify-clone - Install dependencies:
npm install
- Set up environment variables: Create a
.envfile in the root directory and add your Spotify API key if required.VITE_SPOTIFY_API_KEY=your_api_key - Run the application:
npm run dev
Deployed with Vercel:
- Push changes to the main branch.
- Vercel will automatically build and deploy the project.
- Fork the repository.
- Create a new branch (
git checkout -b feature-branch). - Commit your changes (
git commit -m 'Add feature'). - Push to the branch (
git push origin feature-branch). - Create a pull request.
This project is licensed under the MIT License.
For any questions or feedback, feel free to reach out via GitHub Issues.