YouTube to MP3/MP4 Converter - React Tailwind Portfolio

This front-end web application allows users to convert YouTube videos to MP3 and MP4 formats. The application takes user input (YouTube video URLs), processes the input through a backend API, and displays the converted files to the user.

Live Demo

Check out the live demo: YouTube to MP3/MP4 Converter

Technologies Used

• React JS
• Tailwind
• Axios

Features

• Accepts YouTube video URLs as user input.
• Sends user input to the backend API for processing.
• Displays the converted MP3/MP4 files returned by the API.
• Easy-to-use interface with a clear input field for YouTube URLs.
• Responsive design, accessible on various devices.

How It Works

1. Users enter the YouTube video URL into the provided input field.
2. The front-end JavaScript code captures the user input.
3. Using the Fetch API, the front end sends a request to the backend API endpoint with the user input.
4. The backend API processes the request, and converts the YouTube video to the specified format (MP3/MP4).
5. The front end receives the response from the API and displays the converted files to the user.

How to Run Locally

To run this project locally, follow these steps:

1. Clone the repository
2. Navigate to the project directory: cd youtube-to-mp3-mp4
3. Install dependencies: npm install
4. Start the development server: npm start
5. Open your browser and visit http://localhost:3000 to view the application.

Contributing

Contributions are welcome! If you have suggestions for improvements or find any issues, please open an issue or create a pull request.

Acknowledgement

• BackEnd API : Thanks to for Ytjar providing the backend API for Youtube video conversion.

Contact

• Email: fauzifarzancendekiawan@gmail.com
• LinkedIn: Ahmad Fauzi Sugianto LinkedIn
• GitHub: Ziputrafa