Skip to content

Developed Tunify using Next.js, offering seamless song uploads, Stripe integration, and dynamic player controls for the ultimate music experience.

Notifications You must be signed in to change notification settings

arjunan-k/Tunify

Repository files navigation

TUNIFY

tunify

For DEMO, use Stripe Testing Cards

Tech stack: Next.js, React, Tailwind, Supabase, PostgreSQL, Stripe

Key Features:

  • Song upload
  • Stripe integration
  • Tailwind design for sleek UI
  • Tailwind animations and transition effects
  • Full responsiveness for all devices
  • Credential authentication with Supabase
  • Github 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
  • Stripe recurring payment integration
  • Cancelling Stripe subscriptions

Prerequisites

Node version 14.x

Cloning the repository

git clone https://github.com/arjunan-k/Tunify

Install packages

npm i

Setup .env file

NEXT_PUBLIC_SUPABASE_URL=
NEXT_PUBLIC_SUPABASE_ANON_KEY=
SUPABASE_SERVICE_ROLE_KEY=

NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=
STRIPE_SECRET_KEY=
STRIPE_WEBHOOK_SECRET=

Add SQL Tables

Use database.sql file, create songs and liked_songs table (there is a video tutorial)

Start the app

npm run dev

Available commands

Running commands with npm npm run [command]

command description
dev Starts a development instance of the app
build Build app which is optimized for production

Back to top

About

Developed Tunify using Next.js, offering seamless song uploads, Stripe integration, and dynamic player controls for the ultimate music experience.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published