User Manual

This application allows you to create a custom playlist of YouTube videos and listen to them as a music playlist.

The main interface consists of the current track display, player controls, and your playlist. To start listening, simply click on any track in the "Your Playlist" section.

You can easily add any YouTube video to your playlist.

1. Find your video: Go to YouTube and find the video you want to add.
2. Get the video URL or ID: The URL is the link in your browser's address bar (e.g., `https://www.youtube.com/watch?v=dQw4w9WgXcQ`). The Video ID is the part of the URL after `v=` (e.g., `dQw4w9WgXcQ`).
3. Add the track: Click the "Add Track" button in the "Your Playlist" section. A prompt will appear asking you to "Enter YouTube video ID or URL:". Paste the video URL or ID into the input field and click "OK".

The video will be added to the bottom of your playlist, and its title, artist, and thumbnail will be loaded automatically.

The player controls allow you to manage your music playback easily.

• Play/Pause: Click the play/pause button in the center to toggle between playing and pausing the current track.
• Next Track: Click the "next" button to skip to the next track in the playlist.
• Previous Track: Click the "previous" button to go back to the previous track.

The currently playing track will be highlighted in the playlist.

If you want to run this project on your local machine for development, follow these steps:

1. Clone the repository: git clone <repository-url>
2. Install dependencies: npm install
3. Run the development server: npm run dev

This will start the application on a local server, typically at `http://localhost:5173`.