YouTube 2 MP3 Downloader is a responsive application that lets you convert and download YouTube videos into MP3 files. The app also features a selection of popular music that is currently trending, making it easier to download them without even having to copy the link.
Check out this project running on Netlify
- Converts and downloads YouTube videos into MP3 files
- Lists currently trending songs, allowing the user to download them with a single click
The client-side of YouTube 2 MP3 Downloader was built with React + Typescript.
The following technologies were used to build YouTube 2 MP3 Downloader front-end:
- axios - For API calls
- react-device-detect - For small responsive tweaks
- react-icons - For icons
- react-loading-skeleton - For neat skeletons
- react-toastify - For general dialogs
The server-side of YouTube 2 MP3 Downloader was built with Node + Typescript. Some data was also cached with Redis to improve performance.
The following third-party APIs were used on YouTube 2 MP3 Downloader:
- YouTube MP3 - For MP3 conversion
- YouTube Search Results - For popular songs
The following technologies were used to build YouTube 2 MP3 Downloader server:
- axios - For API calls
- express-async-errors - For a cleaner error handling
- redis - For caching API calls
If you wish to work with this project you'll need to set up the following environment variables:
- VITE_BAKCEND_URL URL of your server
- PORT Port to run the Node application
- RAPID_API_KEY Your private key at RapidAPI
- RAPID_API_HOST Host URL for YouTube MP3 API
- RAPID_API_YT_SEARCH_HOST Host URL for YouTube Search Results API
- REDIS_SERVER_URL URL of your Redis server
- CLIENT_URL URL of your front-end app
This project's UI was generated with Midjourney and manually converted to HTML and CSS.
Input:
modern youtube to mp3 downloader tool clean minimalistic website, design, ux/ui, ux, ui --ar 3:2 --v 4 --q 2
Developed by Matheus do Livramento.
YouTube 2 MP3 Downloader é um aplicativo responsivo que permite converter e baixar vídeos do YouTube em arquivos MP3. O aplicativo também apresenta uma seleção de músicas populares que estão atualmente em tendência, facilitando o download sem precisar copiar o link.
Veja este projeto rodando no Netlify
- Converte e baixa vídeos do youtube em arquivos mp3
- Lista as músicas que atualmente estão em tendência, permitindo ao usuário baixá-las com um único clique
O front-end de YouTube 2 MP3 Downloader foi desenvolvido em React + Typescript.
As seguintes tecnologias foram utilizadas para construir o front-end de YouTube 2 MP3 Downloader:
- axios - Para fazer chamadas às APIs
- react-device-detect - Para pequenos ajustes relativos à responsividade
- react-icons - Para os ícones
- react-loading-skeleton - Para os skeletons
- react-toastify - Para os diálogos com o usuário
O lado do servidor do download do YouTube 2 MP3 foi construído com o Node + Typescript. Alguns dados também foram armazenados em cache com Redis para melhorar o desempenho geral.
As seguintes APIs de terceiros foram usadas para desenvolver YouTube 2 MP3 Downloader:
- YouTube MP3 - Para a conversão do MP3
- YouTube Search Results - Para as músicas em tendência
As seguintes tecnologias foram utilizadas para desenvolver o sevidor de YouTube 2 MP3 Downloader:
- axios - Para fazer chamadas às APIs
- express-async-errors - Para uma gestão de erros mais limpa
- redis - Para fazer o cache das APIs
Se você deseja trabalhar com este projeto, será necessário configurar as seguintes variáveis de ambiente:
- VITE_BAKCEND_URL URL do seu servidor
- PORT Porta para rodar a aplicação Node
- RAPID_API_KEY Sua chave de API do RapidAPI
- RAPID_API_HOST URL da API "YouTube MP3 API"
- RAPID_API_YT_SEARCH_HOST URL da API "YouTube Search Results API"
- REDIS_SERVER_URL URL do seu servidor Redis
- CLIENT_URL URL da sua aplicação front-end
A interface do usuário deste projeto foi gerada com Midjourney e convertida manualmente em HTML e CSS.
Input:
modern youtube to mp3 downloader tool clean minimalistic website, design, ux/ui, ux, ui --ar 3:2 --v 4 --q 2
Desenvolvido por Matheus do Livramento.