Skip to content

FALAK097/spotify_clone

Repository files navigation

Spotify Clone

SPOTIFY Demo

Spotify

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

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 https://localhost:3000 to see the Spotify Clone Project up & running.