SYNCER

A Chrome extension that lets you sync and merge your Spotify and YouTube playlists seamlessly — powered by FastAPI, React, and Docker and deployed with Render and Vercel.

Its live! Check the extension on the Chrome Web Store here

🌐 Live Links & Dashboards

• Website: https://getsyncer.tech
• Chrome Extension Releases: GitHub Releases
• Backend API: https://syncer-26vh.onrender.com
• Spotify Developer Dashboard: Spotify Dashboard
• Google Cloud Console: Google Cloud Console
• Vercel Dashboard (Web Frontend): Vercel

🧩 Chrome Extension Installation

Option 1: Download from Release

1. Go to the Releases page.
2. Download the latest dist.zip and unzip it.
3. In Chrome, go to chrome://extensions/, enable Developer Mode, and click Load unpacked.
4. Select the unzipped dist folder.

Option 2: Build from Source

1. Clone this repo:

   git clone https://github.com/xv786vx/SYNCER.git
   cd SYNCER

2. Install dependencies and build:

   npm install
   npm run build

3. Load the dist folder in Chrome as above.

🛠️ Build & Deployment Checklist

Backend (API)

• Build Docker image:

  docker build -t yourdockerhub/syncer-backend:latest .

• Push Docker image:

  docker push yourdockerhub/syncer-backend:latest

• Redeploy on Render (or your cloud provider).

Frontend (Chrome Extension)

• Build extension:

  npm run build

• Zip the dist folder for release.
• Upload dist.zip to GitHub Releases.

Web (Vercel)

• Push changes to the web directory or main branch on GitHub.
• Vercel will auto-deploy your changes.

Spotify/Google Cloud

• Ensure your redirect URIs are up to date in the Spotify Dashboard and Google Cloud Console.

🤝 Contributing

Pull requests are welcome! For major changes, please open an issue first to discuss what you would like to change.

🆘 Support

• For issues, open a GitHub Issue.
• For questions, contact firas.aj76@gmail.com.