https://github.com/losercodes/spotify-ai

Just like another Clone of "Spotify" but in this project have someting special and that Special thing you can guess by the repo name ....Ha..its AI integration part which perform task of AI generating music by through liked song tone and lyrics...So I hope You Enjoy Seeing my REPO..
https://github.com/losercodes/spotify-ai

Last synced: about 1 year ago
JSON representation

Just like another Clone of "Spotify" but in this project have someting special and that Special thing you can guess by the repo name ....Ha..its AI integration part which perform task of AI generating music by through liked song tone and lyrics...So I hope You Enjoy Seeing my REPO..

• Host: GitHub
• URL: https://github.com/losercodes/spotify-ai
• Owner: losercodes
• Created: 2024-07-13T19:50:22.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-07-13T21:54:49.000Z (over 1 year ago)
• Last Synced: 2024-07-13T22:45:42.008Z (over 1 year ago)
• Language: TypeScript
• Size: 1000 Bytes
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# What inside? 
  https://19-spotify-clone.vercel.app/ 

![19_spotify-clone](https://i.imgur.com/YyqXl2t.png)










# Clone repository

## Step 1.1 - clone repository (variant 1)

![alt text](https://i.imgur.com/9KSgjaN.png)

## or Step 1.1 - clone repository (variant 2)

```

git clone https://github.com/nicitaacom/19_spotify-clone

```

## Step 1.2 - install deps

```

pnpm i

```

## Step 1.3 - run project

```

pnpm dev

```










## Step 2 - setup .env

### 2.1 - github

![Go to settings](https://i.imgur.com/vnG4aMh.png)

### 2.2 - github

![Go to developer settings](https://i.imgur.com/eodZM9p.png)

### 2.3 - github

![OAuth Apps](https://i.imgur.com/yjeGtKv.png)

### 2.4 - github

![New OAuth App](https://i.imgur.com/QXuo0kE.png)

### 2.5 - github

![Auth url](https://i.imgur.com/MKmuYnA.png)

### 2.6 - github

![Copy env values](https://i.imgur.com/SIkWyeE.png)

### 2.7 - github

![Paste env values](https://i.imgur.com/yoevhr7.png)



### 2.8 - supabase (Login in supabase - https://app.supabase.com/sign-in)

![Login in supabase](https://i.imgur.com/zxJFahy.png)

### 2.9 - supabase

![Click new project](https://i.imgur.com/9YZGJ8j.png)

### 2.10 - supabase

![Enter aer](https://i.imgur.com/zxJFahy.png)

### 2.11 - supabase

![Set up project](https://i.imgur.com/0xIb866.png)

### 2.12 - supabase

![Copy env](https://i.imgur.com/592li1Z.png)

### 2.13 - supabase

![Paste env](https://i.imgur.com/Qpvso8o.png)



### 2.14 - stripe

![create new project](https://i.imgur.com/q89qoOS.png)

### 2.14 - stripe

![Choose name for project](https://i.imgur.com/1A0I7t3.png)

### 2.14 - stripe

![Copy public key and secret key](https://i.imgur.com/JZsT4Na.png)

### 2.15 - stripe

![Paste public and secret key](https://i.imgur.com/Ja1Iwuo.png)

### 2.16 - stripe (use this guide to paste your webhook https://youtu.be/2aeMRB8LL4o?t=20951)