Syncify

Description

Syncify is a full-stack web application that allows users to convert a YouTube playlist into a Spotify playlist. The project includes both a frontend and a backend, with the frontend handling user interactions and Spotify authentication, while the backend manages API interactions with YouTube and Spotify.

Features

• Convert YouTube playlists to Spotify playlists
• Authentication with Spotify
• Search for tracks on Spotify
• Responsive user interface

Live Demo

Experience Syncify in action! 🎉 Check out the live demo here: Syncify Live Demo 🚀

Images

Home Page

YouTube Playlist

Converted Page

Spotify Playlist

Project Structure

• client/: Frontend application built with React and TypeScript
• server/: Backend application built with Node.js and Express

Frontend

Setup

1. Navigate to the client directory:

   cd client

2. Install dependencies:

   npm install

3. Start the development server:

   npm start

Configuration

• Configure environment variables in .env file.

Environment Variables

Create a .env file in the client directory with the following variables:

VITE_BACKENDURI = http://localhost:5000

Backend

Setup

1. Navigate to the server directory:

   cd server

2. Install dependencies:

   npm install

3. Start the server:

   npm run start

Configuration

• Create a .env file in the server directory with the following variables:

PORT=5000
SPOTIFY_CLIENT_ID=your_spotify_client_id
SPOTIFY_CLIENT_SECRET=your_spotify_client_secret
SPOTIFY_REDIRECT_URI= http://localhost:5000/callback
YOUTUBE_API_KEY=your_youtube_api_key
FRONTEND_URI=http://localhost:5173

Usage

1. Open the frontend application in your browser at http://localhost:3000.

2. Authenticate with Spotify.

3. Enter the YouTube playlist URL to convert it into a Spotify playlist.

4. View and manage your Spotify playlist.

Contributing

1. Fork the repository.
2. Create a new branch for your feature or bugfix.
3. Make your changes and commit them.
4. Push to your branch.
5. Create a new Pull Request.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Contact

For any questions or suggestions, please reach out at jadejavishal6@gmail.com.

---

This README was generated with ❤️ by Vishal Jadeja.