Ra1d7 / QuranVidGen

Quran Video Generator website & 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

Home Page:https://quran-vid-gen.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Quran Video Generator 📽️📖

QuranVidGen 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.

Built 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.

Join us in our journey to bring the Quran to life through technology. Some of the notable features of the project include:

  • An android app using Ionic framework and capacitor to carry the experience on your mobile device (fully offline)
  • Usage of FFMPEG web assembly to generate the videos directly on the client device without needing backend infrastructure
  • fully customized video generation with multiple reciters and background videos and ayat ranges of any surah.
  • Usage of primeng UI library for a beautiful and modern interface that reacts to your device's theme (dark/light) automatically.
  • Implementation of Bootstrap 5 , tailwindcss , SCSS with Angular 16 framework to create a responsive UI.

Technologies used 🧪


Screenshots 🌠

About

Quran Video Generator website & 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

https://quran-vid-gen.vercel.app

License:MIT License


Languages

Language:TypeScript 60.8%Language:JavaScript 16.9%Language:HTML 14.1%Language:SCSS 4.6%Language:Java 3.6%