{"id":25428384,"url":"https://github.com/toyamarodrigo/dwb-app","last_synced_at":"2025-07-04T23:05:30.837Z","repository":{"id":51431436,"uuid":"275059114","full_name":"toyamarodrigo/dwb-app","owner":"toyamarodrigo","description":"Simple HQ Youtube Downloader for small youtube files","archived":false,"fork":false,"pushed_at":"2024-06-18T12:49:32.000Z","size":5691,"stargazers_count":5,"open_issues_count":10,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-07T23:41:29.699Z","etag":null,"topics":["4k","download-videos","downloader","expressjs","hq-youtube-downloader","javascript","mp3","mp4","nodejs","react","reactjs","scss","youtube","youtube-video"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/toyamarodrigo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-06-26T02:41:02.000Z","updated_at":"2024-05-05T03:38:37.000Z","dependencies_parsed_at":"2024-05-05T04:36:22.495Z","dependency_job_id":null,"html_url":"https://github.com/toyamarodrigo/dwb-app","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/toyamarodrigo/dwb-app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/toyamarodrigo%2Fdwb-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/toyamarodrigo%2Fdwb-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/toyamarodrigo%2Fdwb-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/toyamarodrigo%2Fdwb-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/toyamarodrigo","download_url":"https://codeload.github.com/toyamarodrigo/dwb-app/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/toyamarodrigo%2Fdwb-app/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263632054,"owners_count":23491529,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["4k","download-videos","downloader","expressjs","hq-youtube-downloader","javascript","mp3","mp4","nodejs","react","reactjs","scss","youtube","youtube-video"],"created_at":"2025-02-17T01:38:41.825Z","updated_at":"2025-07-04T23:05:30.815Z","avatar_url":"https://github.com/toyamarodrigo.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# dwb - HQ Youtube Downloader\n\n![preview](https://i.imgur.com/FTR7VCS.png)\n\n## Main objective\n\nThe main objective of this project was to find a way to download videos from Youtube at their highest quality possible.\n\nWhy?\n\nEverytime I looked for a website to download a video or audio files, it didn't work or was full of ads.\n\nSo I created this tiny webapp where you and I can download mp3's or mp4's at their highest quality possible.\n\n## How does it work\n\n### IMPORTANT\n\n`Since heroku has a timeout request at 30sec. If the download takes more than that it will break. It works for small video files (around 2/3min), depends on internet connection though. 😅`\n\n1. First copy and enter the URL of the desire Youtube video.\n\n2. Select the format and Click Download.\n\n3. In this Web app `node-ytdl-core` will firstly download Youtube videos in `mp4` format no matter if its `Audio only` or `Video only`.\n\n4. If the selected output was `mp3`, `FFmpeg` will convert that `mp4` file into `mp3`. and then send it to the client.\n\n5. If the selected output was `mp4`, `FFmpeg` will download first their `highest quality audio possible` and then their `highest quality video`. Why? because ytdl does not allow downloads highest audio and video at the same time.\n\n6. And finally FFmpeg will merge them into a single mp4 file and send it to the client.\n\n## Run it locally\n\nMake sure to have [NodeJS](https://nodejs.org/en/) \u0026 [FFmpeg](https://ffmpeg.org/).\n\nOnce you install them, go to `/client` and `/server` folders and run\n\n    npm install\n\nAnd finally run on `/server` folder\n\n    npm run dev\n\nIt will run client and server concurrently\n\n## Tech used\n\n* `HTML`, `CSS`, `ChakraUI`, `JS`, `ReactJS`, `Express`, `NodeJS`\n\n## Dependencies\n\nclient\n\n* `chakra-ui`, `fortawesome`, `axios`, `framer-motion`, `styled-components`, `ytdl-core`, `react-router`, `formik`, `framer-motion`\n\nserver\n\n* `ytdl-core`, `@ffmpeg-installer/ffmpeg`, `fluent-ffmpeg`, `concurrently`, `cors`, `nodemon`.\n\n## Screenshot\n\nDesktop\n![preview](https://i.imgur.com/72uYoyk.png)\n\nMobile\n![preview](https://i.imgur.com/UmyYOiO.png)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftoyamarodrigo%2Fdwb-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftoyamarodrigo%2Fdwb-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftoyamarodrigo%2Fdwb-app/lists"}