Skip to content

TuneWave is an innovative web app that gives users the ability to explore and enjoy music using Spotify API data and features (Premium required to listen to tracks).

License

Notifications You must be signed in to change notification settings

Glebunya1234/TuneWave

Repository files navigation

LogoBot

NextJS Supabase SpotifyApi WebPlaybackSDK TypeScript SWR SCSS TailwindCSS

TuneWave is an innovative web app that gives users the ability to explore and enjoy music using Spotify API data and features (Premium required to listen to tracks).

  • View saved tracks in your collection
  • Save or delete tracks you don't like
  • View found user playlists
  • Subscribe to authors, playlists, albums
  • Listen to any tracks
  • And more...

LogoBot

LogoBot

LogoBot

LogoBot

🔧Installationㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ

1. Cloning the repository

https://github.com/Glebunya1234/TuneWave.git
2. Install dependencies

yarn install
3. Environment setup
You need to create an application in Supabase and add the Spotify provider to Authentication/Providers, also in the Authentication/URL Configuration tab specify the Site URL (https://localhost:3000)

You also need to create an application in the Spotify dashboard, enter your Spotify account and get a Client ID, Client secret Next, you need to create a .env file in the root directory and enter the following variables:

NEXT_PUBLIC_SUPABASE_URL=******
NEXT_PUBLIC_SUPABASE_ANON_KEY=******
NEXT_PUBLIC_SPOTIFY_CLIENT_ID=******
NEXT_PUBLIC_SPOTIFY_CLIENT_SECRET=******
NEXT_PUBLIC_SITE_URL=https://localhost:3000
4. Create table

You need to create one collections in your Supabase:

CREATE TABLE user_tokens (
  user_id TEXT PRIMARY KEY, 
  token TEXT NOT NULL,
  refresh_token TEXT
);
5. Project launch

yarn dev

Typing SVG

About

TuneWave is an innovative web app that gives users the ability to explore and enjoy music using Spotify API data and features (Premium required to listen to tracks).

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages