{"id":383,"date":"2025-12-22T09:40:02","date_gmt":"2025-12-22T07:40:02","guid":{"rendered":"https:\/\/abdallahzahran.com\/?page_id=383"},"modified":"2025-12-26T16:19:01","modified_gmt":"2025-12-26T14:19:01","slug":"islami-app","status":"publish","type":"page","link":"https:\/\/abdallahzahran.com\/?page_id=383","title":{"rendered":"Islami App"},"content":{"rendered":"<style>.elementor-383 .elementor-element.elementor-element-29350347{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-383 .elementor-element.elementor-element-6ad6a03a{--display:flex;--border-radius:28px 28px 28px 28px;--margin-top:0px;--margin-bottom:0px;--margin-left:20px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:3;}.elementor-383 .elementor-element.elementor-element-6ad6a03a::before, .elementor-383 .elementor-element.elementor-element-6ad6a03a > .elementor-background-video-container::before, .elementor-383 .elementor-element.elementor-element-6ad6a03a > .e-con-inner > .elementor-background-video-container::before, .elementor-383 .elementor-element.elementor-element-6ad6a03a > .elementor-background-slideshow::before, .elementor-383 .elementor-element.elementor-element-6ad6a03a > .e-con-inner > .elementor-background-slideshow::before, .elementor-383 .elementor-element.elementor-element-6ad6a03a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-383 .elementor-element.elementor-element-6ad6a03a.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-383 .elementor-element.elementor-element-4f21cfdf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.05;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E2E2E21A;--border-color:#E2E2E21A;--border-radius:28px 28px 28px 28px;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;--z-index:3;}.elementor-383 .elementor-element.elementor-element-4f21cfdf:not(.elementor-motion-effects-element-type-background), .elementor-383 .elementor-element.elementor-element-4f21cfdf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-383 .elementor-element.elementor-element-4f21cfdf::before, .elementor-383 .elementor-element.elementor-element-4f21cfdf > .elementor-background-video-container::before, .elementor-383 .elementor-element.elementor-element-4f21cfdf > .e-con-inner > .elementor-background-video-container::before, .elementor-383 .elementor-element.elementor-element-4f21cfdf > .elementor-background-slideshow::before, .elementor-383 .elementor-element.elementor-element-4f21cfdf > .e-con-inner > .elementor-background-slideshow::before, .elementor-383 .elementor-element.elementor-element-4f21cfdf > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:transparent;background-image:linear-gradient(180deg, #FDFDFD4D 0%, #FDFDFD 100%);}.elementor-383 .elementor-element.elementor-element-c1bab4a{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FDFDFD1A;--border-color:#FDFDFD1A;--border-radius:12px 12px 12px 12px;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:29px;--padding-right:29px;}.elementor-383 .elementor-element.elementor-element-c1bab4a:not(.elementor-motion-effects-element-type-background), .elementor-383 .elementor-element.elementor-element-c1bab4a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#282828;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-383 .elementor-element.elementor-element-5ea0cc96 .elementor-heading-title{font-family:\"Inter\", Sans-serif;font-size:20px;font-weight:600;line-height:24px;letter-spacing:-0.03em;}.elementor-383 .elementor-element.elementor-element-5ea0cc96{padding:0px 0px 12px 0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-383 .elementor-element.elementor-element-8622f40{font-family:\"Inter\", Sans-serif;font-size:14px;font-weight:400;line-height:22px;padding:0px 0px 20px 0px;}.elementor-383 .elementor-element.elementor-element-78bbaf4{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FDFDFD1A;--border-color:#FDFDFD1A;--border-radius:12px 12px 12px 12px;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:29px;--padding-right:29px;}.elementor-383 .elementor-element.elementor-element-78bbaf4:not(.elementor-motion-effects-element-type-background), .elementor-383 .elementor-element.elementor-element-78bbaf4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#282828;}.elementor-383 .elementor-element.elementor-element-bf1890a{font-family:\"Inter\", Sans-serif;font-size:14px;font-weight:400;line-height:22px;padding:0px 0px 20px 0px;}.elementor-383 .elementor-element.elementor-element-a304d4c{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FDFDFD1A;--border-color:#FDFDFD1A;--border-radius:12px 12px 12px 12px;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:29px;--padding-right:29px;}.elementor-383 .elementor-element.elementor-element-a304d4c:not(.elementor-motion-effects-element-type-background), .elementor-383 .elementor-element.elementor-element-a304d4c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#282828;}.elementor-383 .elementor-element.elementor-element-fb248e4{font-family:\"Inter\", Sans-serif;font-size:14px;font-weight:400;line-height:22px;padding:0px 0px 20px 0px;}.elementor-383 .elementor-element.elementor-element-97f4d87{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FDFDFD1A;--border-color:#FDFDFD1A;--border-radius:12px 12px 12px 12px;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:29px;--padding-right:29px;}.elementor-383 .elementor-element.elementor-element-97f4d87:not(.elementor-motion-effects-element-type-background), .elementor-383 .elementor-element.elementor-element-97f4d87 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#282828;}.elementor-383 .elementor-element.elementor-element-bce7a4f{font-family:\"Inter\", Sans-serif;font-size:14px;font-weight:400;line-height:22px;padding:0px 0px 20px 0px;}.elementor-383 .elementor-element.elementor-element-c5d51fb{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FDFDFD1A;--border-color:#FDFDFD1A;--border-radius:12px 12px 12px 12px;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:29px;--padding-right:29px;}.elementor-383 .elementor-element.elementor-element-c5d51fb:not(.elementor-motion-effects-element-type-background), .elementor-383 .elementor-element.elementor-element-c5d51fb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#282828;}.elementor-383 .elementor-element.elementor-element-1ee7d4f{font-family:\"Inter\", Sans-serif;font-size:14px;font-weight:400;line-height:22px;padding:0px 0px 20px 0px;}.elementor-383 .elementor-element.elementor-element-94185ad{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FDFDFD1A;--border-color:#FDFDFD1A;--border-radius:12px 12px 12px 12px;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:29px;--padding-right:29px;}.elementor-383 .elementor-element.elementor-element-94185ad:not(.elementor-motion-effects-element-type-background), .elementor-383 .elementor-element.elementor-element-94185ad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#282828;}.elementor-383 .elementor-element.elementor-element-922f63c{font-family:\"Inter\", Sans-serif;font-size:14px;font-weight:400;line-height:22px;padding:0px 0px 20px 0px;}.elementor-383 .elementor-element.elementor-element-53a447b2{--display:flex;--overlay-opacity:0.05;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E2E2E21A;--border-color:#E2E2E21A;--border-radius:28px 28px 28px 28px;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:48px;--padding-bottom:48px;--padding-left:0px;--padding-right:0px;--z-index:3;}.elementor-383 .elementor-element.elementor-element-53a447b2:not(.elementor-motion-effects-element-type-background), .elementor-383 .elementor-element.elementor-element-53a447b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-383 .elementor-element.elementor-element-53a447b2::before, .elementor-383 .elementor-element.elementor-element-53a447b2 > .elementor-background-video-container::before, .elementor-383 .elementor-element.elementor-element-53a447b2 > .e-con-inner > .elementor-background-video-container::before, .elementor-383 .elementor-element.elementor-element-53a447b2 > .elementor-background-slideshow::before, .elementor-383 .elementor-element.elementor-element-53a447b2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-383 .elementor-element.elementor-element-53a447b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:transparent;background-image:linear-gradient(180deg, #FDFDFD4D 0%, #FDFDFD 100%);}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );background-color:var( --e-global-color-accent );}.elementor-383 .elementor-element.elementor-element-4855b928 .elementor-button{font-family:\"Inter\", Sans-serif;font-size:16px;font-weight:500;line-height:24px;letter-spacing:-0.01em;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );background-color:transparent;background-image:linear-gradient(180deg, #779DFF 0%, #2D68FF 100%);border-radius:12px 12px 12px 12px;padding:12px 20.2px 12px 20.2px;}.elementor-383 .elementor-element.elementor-element-4855b928 .elementor-button:hover, .elementor-383 .elementor-element.elementor-element-4855b928 .elementor-button:focus{background-color:#F1F1F1;}.elementor-383 .elementor-element.elementor-element-4855b928{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-383 .elementor-element.elementor-element-64c190ad{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:1366px){.elementor-383 .elementor-element.elementor-element-6ad6a03a.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-383 .elementor-element.elementor-element-4f21cfdf.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-383 .elementor-element.elementor-element-53a447b2.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}@media(max-width:1024px){.elementor-383 .elementor-element.elementor-element-6ad6a03a{--margin-top:0px;--margin-bottom:0px;--margin-left:20px;--margin-right:0px;}.elementor-383 .elementor-element.elementor-element-4f21cfdf{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-383 .elementor-element.elementor-element-c1bab4a{--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-383 .elementor-element.elementor-element-5ea0cc96 .elementor-heading-title{font-size:18px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-383 .elementor-element.elementor-element-78bbaf4{--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-383 .elementor-element.elementor-element-a304d4c{--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-383 .elementor-element.elementor-element-97f4d87{--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-383 .elementor-element.elementor-element-c5d51fb{--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-383 .elementor-element.elementor-element-94185ad{--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-383 .elementor-element.elementor-element-53a447b2{--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}@media(max-width:767px){.elementor-383 .elementor-element.elementor-element-6ad6a03a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-383 .elementor-element.elementor-element-4f21cfdf{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-383 .elementor-element.elementor-element-c1bab4a{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-383 .elementor-element.elementor-element-5ea0cc96 .elementor-heading-title{font-size:16px;line-height:22px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-383 .elementor-element.elementor-element-78bbaf4{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-383 .elementor-element.elementor-element-a304d4c{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-383 .elementor-element.elementor-element-97f4d87{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-383 .elementor-element.elementor-element-c5d51fb{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-383 .elementor-element.elementor-element-94185ad{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-383 .elementor-element.elementor-element-53a447b2{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-383 .elementor-element.elementor-element-4855b928 .elementor-button{padding:14px 26px 12px 26px;}.elementor-383 .elementor-element.elementor-element-4855b928{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}@media(min-width:768px){.elementor-383 .elementor-element.elementor-element-6ad6a03a{--width:24%;}.elementor-383 .elementor-element.elementor-element-4f21cfdf{--width:100%;}.elementor-383 .elementor-element.elementor-element-53a447b2{--width:100%;}}@media(max-width:1366px) and (min-width:768px){.elementor-383 .elementor-element.elementor-element-6ad6a03a{--width:25%;}.elementor-383 .elementor-element.elementor-element-4f21cfdf{--width:100%;}.elementor-383 .elementor-element.elementor-element-53a447b2{--width:100%;}}<\/style>\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"383\" class=\"elementor elementor-383\">\n\t\t\t\t<div class=\"elementor-element elementor-element-29350347 e-flex e-con-boxed e-con e-parent\" data-id=\"29350347\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-6ad6a03a e-con-full border e-flex e-con e-child\" data-id=\"6ad6a03a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-4f21cfdf e-con-full border e-flex e-con e-child\" data-id=\"4f21cfdf\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-c1bab4a e-con-full projects-items e-flex elementor-invisible e-con e-child\" data-id=\"c1bab4a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ea0cc96 elementor-widget elementor-widget-heading\" data-id=\"5ea0cc96\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Islami - Production-Ready 6-Module Islamic Flutter Masterpiece<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8622f40 elementor-widget elementor-widget-text-editor\" data-id=\"8622f40\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Developed a complete Islamic companion app featuring Full Quran (114 Surahs with search &amp; history), 50+ Hadith library (infinite carousel), animated Tasbeeh counter, live radio player, prayer times dashboard, and Azkar sections. Demonstrates production-level architecture with custom Material 3 dark theme, responsive RTL UI, dynamic asset bundles (200+ files), and seamless user flow from splash screen through onboarding to 5-tab bottom navigation.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-78bbaf4 e-con-full projects-items e-flex elementor-invisible e-con e-child\" data-id=\"78bbaf4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bf1890a elementor-widget elementor-widget-text-editor\" data-id=\"bf1890a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><strong>Full-Stack Feature Implementation<\/strong>: Complete Quran reader loading 114 Surahs dynamically from .txt assets with real-time search, history tracking<br \/>\u00a0(last 10 via SharedPreferences), and ayah numbering in details view.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a304d4c e-con-full projects-items e-flex elementor-invisible e-con e-child\" data-id=\"a304d4c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb248e4 elementor-widget elementor-widget-text-editor\" data-id=\"fb248e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><strong>Advanced UI\/UX Patterns<\/strong>: CarouselSlider for Hadith library (infinite scroll, enlargeFactor:3), AnimatedRotation Tasbeeh<br \/>(360\u00b0 per tap with sequential Azkar), TabBar radio player with play\/pause\/favorite\/volume controls.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-97f4d87 e-con-full projects-items e-flex elementor-invisible e-con e-child\" data-id=\"97f4d87\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bce7a4f elementor-widget elementor-widget-text-editor\" data-id=\"bce7a4f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><strong>Production Design System<\/strong>: Custom Material 3 dark theme using Google Fonts Tajawal (Arabic), 5-color palette, <br \/>consistent typography across 15+ reusable widgets (QuranCardWidget, HadethCardWidget, DotIndicator).<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c5d51fb e-con-full projects-items e-flex elementor-invisible e-con e-child\" data-id=\"c5d51fb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ee7d4f elementor-widget elementor-widget-text-editor\" data-id=\"1ee7d4f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><strong>Smart State &amp; Persistence<\/strong>: SharedPreferences-powered onboarding (first-time skip), Quran history, theme persistence; PageController with live dot indicators; named route navigation throughout.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-94185ad e-con-full projects-items e-flex elementor-invisible e-con e-child\" data-id=\"94185ad\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-922f63c elementor-widget elementor-widget-text-editor\" data-id=\"922f63c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><strong>Responsive Architecture<\/strong>: Flutter ScreenUtil (430&#215;932 design size) ensuring perfect RTL support across all devices, FittedBox for Arabic text scaling, asset management via rootBundle.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-53a447b2 e-con-full border e-flex e-con e-child\" data-id=\"53a447b2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4855b928 elementor-align-center elementor-invisible elementor-widget elementor-widget-button\" data-id=\"4855b928\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/github.com\/AbdoDev29\/islami\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">View Project on GitHub<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-64c190ad e-flex e-con-boxed e-con e-parent\" data-id=\"64c190ad\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-60b380dd elementor-widget elementor-widget-html\" data-id=\"60b380dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    .projects-items {\n        box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.5), 0px 2.15px 0.5px rgba(0, 0, 0, 0.25), 0px 5px 1.5px rgba(8, 8, 8, 0.2), 0px 6px 4px rgba(8, 8, 8, 0.16), 0px 6px 13px rgba(8, 8, 8, 0.12), 0px 24px 24px rgba(8, 8, 8, 0.08), inset 2px 4px 16px rgba(253, 253, 253, 0.05);\n    }\n\n    \n    \n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Islami &#8211; Production-Ready 6-Module Islamic Flutter Masterpiece Developed a complete Islamic companion app featuring Full Quran (114 Surahs with search &amp; history), 50+ Hadith library (infinite carousel), animated Tasbeeh counter, live radio player, prayer times dashboard, and Azkar sections. Demonstrates production-level architecture with custom Material 3 dark theme, responsive RTL UI, dynamic asset bundles (200+ [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-383","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/abdallahzahran.com\/index.php?rest_route=\/wp\/v2\/pages\/383","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/abdallahzahran.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/abdallahzahran.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/abdallahzahran.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/abdallahzahran.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=383"}],"version-history":[{"count":16,"href":"https:\/\/abdallahzahran.com\/index.php?rest_route=\/wp\/v2\/pages\/383\/revisions"}],"predecessor-version":[{"id":459,"href":"https:\/\/abdallahzahran.com\/index.php?rest_route=\/wp\/v2\/pages\/383\/revisions\/459"}],"wp:attachment":[{"href":"https:\/\/abdallahzahran.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=383"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}