Our Project Overview
To create a web application that allows users to view Quranic verses in Arabic, alongside their translations in multiple languages, and to explore different functionalities related to Quranic teachings. Application allows users to create beautiful, customizable banners featuring Quranic verses and their translations. The project aims to promote Islamic teachings in an artistic and visually appealing way, enabling users to spread the wisdom of the Quran across social media, websites, and other platforms.
This application that allows users to generate beautiful, customized banners featuring Quranic verses. Users can select various surahs and translations and design a banner that includes text in both Arabic and the chosen translation. The design features also include text overlays, font size adjustments, color changes, and a range of background customization options.
Additionally, the project includes a feature for users to download their banners as image files. Users can make their creations unique and save them without the need for an external image editor.
Key Features
- Display Fixed and Random Ayahs
- Users can view a fixed Ayah (e.g., 16:125) by default on page load.
- A random Ayah can be displayed with the click of a button, showcasing the dynamic aspect of the application.
.
- Quran Verse Selection: The application allows users to select specific Surahs (chapters) and Ayahs (verses) from dropdown menus, fetching the corresponding Arabic text and translation.
- Translation Options:
- Users can select from a dropdown menu of available translations.
- The application updates the displayed translation based on user selection without needing to refresh the page.
- Background Customization: Users can:
- Choose a pre-defined background image.
- Upload their own background image.
- Adjust the opacity of a two-color overlay on the background.
- Text Customization: Users can customize the appearance of both Arabic and translated text, including:
- Font style and color
- Font size
- Hide Abrabic & Translation
- Download Banner: Users can download the created banner as an image file.
Mission & Vision:
The mission of Quranic Banner is to make Islamic content more accessible and shareable in a digital age, by providing a simple yet powerful tool to create visually captivating banners. Our vision is to build a community of users dedicated to spreading the beauty of Quranic wisdom through personalized digital art.
Future Plans:
- Inlcude Audio: Additional features could include audio recitations of Ayahs
- User Accounts: Allow users to save their designs, access past creations, and customize templates.
- Advanced Design Tools: Introduction of more advanced design elements like filters, shapes, and gradient overlays.
- Mobile App Integration: Development of a mobile app for banner creation on the go.
- Community Sharing Platform: A feature where users can submit and share their banner designs with the wider community, fostering collaboration and inspiration.