{"id":14985763,"url":"https://github.com/ra1d7/quranvidgen","last_synced_at":"2025-04-11T22:11:53.383Z","repository":{"id":242373022,"uuid":"802225359","full_name":"Ra1d7/QuranVidGen","owner":"Ra1d7","description":"Quran Video Generator website \u0026 android app, using the power of web assembly to encode the video on the client device with support for picking the exact ayat to be recited by your preferred reciter","archived":false,"fork":false,"pushed_at":"2024-07-20T21:34:22.000Z","size":151136,"stargazers_count":4,"open_issues_count":1,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-11T22:11:43.371Z","etag":null,"topics":["angular16","capacitor","ffmpeg","ffmpeg-wasm","ionic","quran","quran-audio","quran-video","quran-web"],"latest_commit_sha":null,"homepage":"https://quran-vid-gen.vercel.app","language":"TypeScript","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/Ra1d7.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":"2024-05-17T19:12:59.000Z","updated_at":"2024-09-24T08:17:27.000Z","dependencies_parsed_at":"2024-09-29T23:31:12.109Z","dependency_job_id":null,"html_url":"https://github.com/Ra1d7/QuranVidGen","commit_stats":{"total_commits":51,"total_committers":2,"mean_commits":25.5,"dds":0.3137254901960784,"last_synced_commit":"35052ec61caac429f808dce85ebd4c2aceafa818"},"previous_names":["ra1d7/quranvidgen"],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ra1d7%2FQuranVidGen","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ra1d7%2FQuranVidGen/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ra1d7%2FQuranVidGen/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ra1d7%2FQuranVidGen/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Ra1d7","download_url":"https://codeload.github.com/Ra1d7/QuranVidGen/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248487691,"owners_count":21112190,"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":["angular16","capacitor","ffmpeg","ffmpeg-wasm","ionic","quran","quran-audio","quran-video","quran-web"],"created_at":"2024-09-24T14:11:36.541Z","updated_at":"2025-04-11T22:11:53.341Z","avatar_url":"https://github.com/Ra1d7.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003eQuran Video Generator Hybrid Website \u0026 Android Application 📽️📖\u003c/h1\u003e\n\nQuranVidGen is an innovative project that leverages the power of Angular 16 and ffmpeg.wasm to generate Quran videos entirely on the client side. Our goal is to make the spiritual experience of the Quran accessible in a visual format, with ease and efficiency.\n\nBuilt with the latest web technologies, our application ensures a seamless user experience while maintaining high performance. The Android app, created with Ionic and Capacitor, extends this functionality to mobile devices, allowing users to engage with the Quran on-the-go.\n\nJoin us in our journey to bring the Quran to life through technology.\nSome of the notable features of the project include:\n\n- An android app using Ionic framework and capacitor to carry the experience on your mobile device (fully offline)\n- Usage of FFMPEG web assembly to generate the videos directly on the client device without needing backend infrastructure\n- fully customized video generation with multiple reciters and background videos and ayat ranges of any surah.\n- Usage of primeng UI library for a beautiful and modern interface that reacts to your device's theme (dark/light) automatically.  \n- Implementation of Bootstrap 5 , tailwindcss , SCSS with Angular 16 framework to create a responsive UI.\n\n\u003ch2 align=\"center\"\u003e Technologies used 🧪\u003c/h2\u003e\n\n\n\u003cdiv align=\"center\"\u003e\n\u003ca href=\"[https://dotnet.microsoft.com/](https://angular.dev/)\"\u003e\n\u003cimg height=\"32\" width=\"32\" src=\"https://cdn.simpleicons.org/angular/red\"/\u003e\u003c/a\u003e\n\n\u003ca href=\"[https://getbootstrap.com/](https://webassembly.org/)\"\u003e\n\u003cimg height=\"32\" width=\"32\" src=\"https://cdn.simpleicons.org/webassembly/#654FF0\"/\u003e\u003c/a\u003e\n\n\u003ca href=\"https://ffmpeg.org/\"\u003e\n\u003cimg height=\"32\" width=\"32\" src=\"https://cdn.simpleicons.org/ffmpeg/#007808\"/\u003e\u003c/a\u003e\n\u003ca href=\"https://primeng.org/\"\u003e\n\u003cimg height=\"32\" width=\"32\" src=\"https://www.primefaces.org/wp-content/uploads/2018/05/primeng-logo.png\"/\u003e\u003c/a\u003e\n  \n\u003ca href=\"https://getbootstrap.com/\"\u003e\n\u003cimg height=\"32\" width=\"32\" src=\"https://cdn.simpleicons.org/bootstrap/#7952B3\"/\u003e\u003c/a\u003e\n\n\u003ca href=\"https://ionicframework.com/\"\u003e\n\u003cimg height=\"32\" width=\"32\" src=\"https://cdn.simpleicons.org/ionic/\"/\u003e\u003c/a\u003e\n\n\u003ca href=\"https://capacitorjs.com/\"\u003e\n\u003cimg height=\"32\" width=\"32\" src=\"https://cdn.simpleicons.org/capacitor/\"/\u003e\u003c/a\u003e\n\u003ca href=\"[https://sass-lang.com/](https://sass-lang.com/)\"\u003e\n\u003cimg height=\"32\" width=\"32\" src=\"https://cdn.simpleicons.org/sass/#CC6699\"/\u003e\u003c/a\u003e\n\u003ca href=\"https://tailwindcss.com\"\u003e\n\u003cimg height=\"32\" width=\"32\" src=\"https://cdn.simpleicons.org/tailwindcss/#1572B6\"/\u003e\u003c/a\u003e\n\n\u003ca href=\"https://www.typescriptlang.org/\"\u003e\n\u003cimg height=\"32\" width=\"32\" src=\"https://cdn.simpleicons.org/typescript/\"/\u003e\u003c/a\u003e\n\n\n\u003c/div\u003e\n\u003chr/\u003e\n\u003ch2 align=\"center\"\u003e Screenshots 🌠 \u003c/h2\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://i.ibb.co/QnmrjgR/Screenshot-2024-06-19-025645.png\" width=\"80%\"\u003e\n\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://i.ibb.co/1Mx7Xp5/Screenshot-2024-06-19-025053.png\" width=\"80%\"\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://i.ibb.co/n7CNbV1/Screenshot-2024-06-19-025134.png\" width=\"80%\"\u003e\n\u003c/p\u003e\n\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://i.ibb.co/FDb75dW/Screenshot-2024-06-19-030322.png\" width=\"80%\"\u003e\n\u003c/p\u003e\n\n\n\n\n\u003c/hr\u003e\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fra1d7%2Fquranvidgen","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fra1d7%2Fquranvidgen","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fra1d7%2Fquranvidgen/lists"}