README.md

Spotify Clone

SPOTIFY Demo

Welcome to my personal project, a Spotify Clone! This project replicates some of the key features and functionalities of Spotify and is intended to showcase my development skills.

Introduction

This project is a Spotify Clone that I've developed to showcase my skills in building web applications with modern technologies. It closely resembles the design and features of the Spotify music streaming platform.

Key Features

• Song upload
• Stripe integration for premium subscriptions
• User authentication with Supabase and GitHub integration
• Audio playback functionality
• Favorites and playlists system
• Search songs
• View Account information and cancel subscriptions

Technologies Used

• Next.js
• React
• Tailwind CSS
• Supabase
• PostgreSQL
• Stripe

Prerequisites

Before you begin, make sure you have the following installed on your system:

• Node.js and npm (Node Package Manager)
• Git
• PostgreSQL
• Stripe account (for integrating Stripe payments)

Installation

• Clone the repository: git clone https://github.com/FALAK097/spotify_clone.git

• Navigate to the project directory: cd spotify_clone

• Install dependencies: npm install

• Create an .env.local file for Supabase and Stripe credentials.

• Supabase Credentials
  NEXT_PUBLIC_SUPABASE_URL=your-supabase-url.com
  NEXT_PUBLIC_SUPABASE_ANON_KEY=your-anonymous-key
  SUPABASE_SERVICE_ROLE_KEY=your-service-role-key

• Stripe Credentials
  NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=your-stripe-publishable-key
  STRIPE_SECRET_KEY=your-stripe-secret-key
  STRIPE_WEBHOOK_SECRET=your-stripe-webhook-secret

  You can get these keys from your supabase dashboard or stripe dashboard respectively after creating a new application in their respective platforms.

• Start the development server: npm run dev

• Open your browser and visit http://localhost:3000 to see the Spotify Clone Project up & running.