yt2mp3

A simple web app using NextJS framework to download a mp3 from online links like Youtube, made for learning purposes.

What I learned from this project

I started this project to get more friendly with the ReactJS framework. But I also wanted to use an API to fetch data, for example to get the list of the downloaded files. So I decided to use NextJS framework which allow me to handle API route. At first, I made this app with only client-side. I was working well but when I wanted to build it to deploy the app, I had a problem: if I download a file, this one does not appear in the list after the download. Why? Because when the app is built, no way to use the public folder which is freezed at the build time. So what?

I add a database and a front-side server to handle requests like the NextJS API. I also add a login form with JWT authorization to prevent unauthorized users to use this app.

The first version of this app is public and available on my Github and on Dockerhub. Unfortunately, I decided to keep private the second version of this app for security reasons.