Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/alvinle2901/spotify-clone
A Full-stack music streaming application replicating the popular features and functionalities of the infamous Spotify.
https://github.com/alvinle2901/spotify-clone
nextjs13 postgresql stripe supabase tailwindcss zustand
Last synced: 2 days ago
JSON representation
A Full-stack music streaming application replicating the popular features and functionalities of the infamous Spotify.
- Host: GitHub
- URL: https://github.com/alvinle2901/spotify-clone
- Owner: alvinle2901
- Created: 2023-10-30T13:22:31.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-03-19T02:04:44.000Z (11 months ago)
- Last Synced: 2024-11-30T04:33:51.727Z (2 months ago)
- Topics: nextjs13, postgresql, stripe, supabase, tailwindcss, zustand
- Language: TypeScript
- Homepage: https://spotify-clone-alvinle29.vercel.app
- Size: 534 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Spotify Clone
## Description
This is a Full-stack project which is true to its name, a music streaming application replicating the popular features and functionalities of the infamous Spotify. This project is implemented with Next 13.4, React, Tailwind, Supabase, PostgreSQL, and Stripe.
Users can:
* Upload / Play songs onstream
* Favorites songs
* Song Playlists
* Search for songs
* Manage Subscriptions
Features:
* Full responsiveness for all devices with TailwindCSS
* Supabase and PostgreSQL Database handling
* Credential authentication with Supabase
* Client form validation and handling using react-hook-form
* Stripe recurring payment integration
* Zustand to manage application's state
## Demo
- Click the following link to see the demo: https://spotify-clone-alvinle29.vercel.app
- This account can be used to test the authentication or you can create your own:
* Email: [email protected]
* Password: abcd1234
- You can use this card to test Stripe payment (to test subscribe function):
* Card Number: 4242424242424242
* Other, input anything
### Home page
### Playlist
### Login modal
### Subscribe modal
## Install
Clone the repo:
```
$ git clone https://github.com/alvinle2901/spotify-clone.git
```
Launch:
```
$ npm install
$ npm run dev
```