Project-TuneTap ( YouTube Video Downloader )

This project allows users to search for YouTube videos and download them. The backend server handles video information and format options, while the frontend, built with React and Vite, provides a modern interface for interacting with the service.

Project Overview

Screenshot

Backend

The backend server is developed using Node.js and Express, utilizing ytdl-core to fetch video details from YouTube.

Repository: MP4-MP3-Download-Server
Endpoint: /video-options/:videoId
Method: GET
Parameters:
- videoId - The ID of the YouTube video.

Frontend

The frontend is developed with React and Vite, offering a fast and responsive user interface for searching and downloading YouTube videos.

Repository: Video_Downloader

Getting Started

Prerequisites

Node.js (version 14 or higher)
npm (Node Package Manager)

Setup

Backend

Clone the backend repository:

git clone https://github.com/amliyanage/MP4-MP3-Download-Server-.git
cd MP4-MP3-Download-Server-

Install dependencies:
```
npm install
```
Start the server:
```
npm start
```
The server will run on http://localhost:3001.

Frontend

Clone the frontend repository:

git clone https://github.com/amliyanage/Video_Downloader.git
cd Video_Downloader

Install dependencies:
```
npm install
```
Start the development server:
```
npm run dev
```
The frontend will be accessible at http://localhost:3000.

Usage

Open the frontend in your browser.
Search for a YouTube video by its subject or URL.
Select a video from the search results.
Choose the desired format from the available options.
Click the download button to start the download.

API Reference

GET /video-options/:videoId

Fetches available formats and details for a given YouTube video ID.

Parameters:
- videoId (string): The ID of the YouTube video.
Response:
- formats (array): List of available video formats.
- bestQuality (object): Information about the best quality format (e.g., 1440p).

Editing the Code

Backend

Add New Features: Modify the routes and controllers in the server directory to add new features or endpoints.
Update Dependencies: If you need to update or add new dependencies, edit the package.json file and run npm install.

Frontend

Modify UI Components: Update the React components in the src directory to change the UI or add new features.
Update API Calls: Edit the API call logic in the service files if you need to adjust how the frontend communicates with the backend.

Testing

Backend: Add or modify unit tests in the test directory using your preferred testing framework.
Frontend: Use testing libraries like Jest or React Testing Library to add or modify tests for your components.

License

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

Contributing

Feel free to open issues or submit pull requests if you have any improvements or suggestions. Please make sure to follow the contributing guidelines if you have any.