https://github.com/shivamrai15/spotify-clone

This project is a Spotify clone that allows users to enjoy a music streaming experience similar to the popular music platform.
https://github.com/shivamrai15/spotify-clone

clone music-player nextjs spotify spotify-clone supabase tailwindcss

Last synced: about 1 year ago
JSON representation

This project is a Spotify clone that allows users to enjoy a music streaming experience similar to the popular music platform.

• Host: GitHub
• URL: https://github.com/shivamrai15/spotify-clone
• Owner: Shivamrai15
• Created: 2023-11-06T19:08:56.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-08-22T13:57:22.000Z (almost 2 years ago)
• Last Synced: 2024-08-22T15:41:41.578Z (almost 2 years ago)
• Topics: clone, music-player, nextjs, spotify, spotify-clone, supabase, tailwindcss
• Language: JavaScript
• Homepage: https://spotify-clone-dupe.vercel.app
• Size: 209 KB
• Stars: 26
• Watchers: 1
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          

# Spotify Clone

This project is a Spotify clone that allows users to enjoy a music streaming experience similar to the popular music platform. Users can create an account, log in using their email or Google account, and explore a vast library of songs. They can play songs, create playlists of their favorite tracks, and even upload their own songs if they have a premium subscription. The application is built using Next.js 14, Tailwind CSS, Supabase for the database, and Stripe for subscription and payment-related functionalities.

## Web Preview

Home Page

![Screenshot 2024-01-17 224844](https://github.com/Shivamrai15/Spotify-Clone/assets/111892135/fd7a48f9-ea23-4a5e-86d3-3fd1cf85a9af)

Liked Songs Page

![Screenshot 2024-01-17 225322](https://github.com/Shivamrai15/Spotify-Clone/assets/111892135/57cf49cf-2a0b-4a7f-af76-5bf06245c357)

Search Song Page

![Screenshot 2024-01-17 225207](https://github.com/Shivamrai15/Spotify-Clone/assets/111892135/bfc9f82d-fe29-439e-b2d1-bf916c17f06f)

Account Page

![Screenshot 2024-01-17 225424](https://github.com/Shivamrai15/Spotify-Clone/assets/111892135/f59cf2a7-ded9-4a0f-847c-6aee476d4de8)

Payment Gateway

![Screenshot 2024-01-17 225451](https://github.com/Shivamrai15/Spotify-Clone/assets/111892135/b441e0e1-24ca-449e-85dc-00231eb75ca1)

## Mobile Preview









## Key Features

- User Authentication: Users can create an account or log in using their email or Google account to access the application.

- Song Streaming: Users can search for and play songs from a vast library of tracks available in the application.

- Playlist Creation: Users can create personalized playlists of their favorite songs to listen to anytime.

- Premium Subscription: Users can upgrade to a premium subscription to access additional features, such as uploading their own songs.

- Credential authentication with NextAuth, so users can log in and create accounts securely

- Song Upload: Premium users can upload their own songs to the platform to share them with others.

- Secure Payment Integration: Stripe integration ensures secure and reliable payment processing for premium subscriptions.

- Responsive Design: The application is designed to be responsive, providing a seamless experience across different devices and screen sizes.