MortezaPr / Spotify-Clone

Spotify Clone

Home Page:https://spotify-clone-rose-five.vercel.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Spotify Clone

Description

This is a repository for a Full Stack Spotify Clone with Next.js.

Key Features:

  • Song upload
  • Tailwind animations and transition effects
  • Full responsiveness for all devices
  • Credential authentication with Supabase
  • Github and Google authentication integration
  • File and image upload using Supabase storage
  • Client form validation and handling using react-hook-form
  • Server error handling with react-toast
  • Play song audio
  • Favorites system
  • Playlists / Liked songs system
  • Advanced Player component

Prerequisites

Node version 14.x

Cloning the repository

git clone https://github.com/MortezaPr/Spotify-Clone.git

Install packages

npm i

Setup .env file

NEXT_PUBLIC_SUPABASE_URL=
NEXT_PUBLIC_SUPABASE_ANON_KEY=
SUPABASE_SERVICE_ROLE_KEY=

Start the app

npm run dev

About

Spotify Clone

https://spotify-clone-rose-five.vercel.app/


Languages

Language:TypeScript 99.3%Language:JavaScript 0.4%Language:CSS 0.3%