Architected and delivered a production-grade SaaS frontend using Vue 3, Nuxt, and TypeScript, emphasizing scalability, performance, and maintainability.
Designed and implemented full RTL support, enabling seamless Arabic localization and consistent UX across regional audiences.
Enforced strict type safety through well-structured TypeScript interfaces, significantly reducing runtime errors during dynamic content rendering.
Built and scaled "Ataa SaaS", a multi-tenant platform serving both Admin Panels and Storefronts (saas.ataa.com.sa).
Developed "Ataa Store", a high-performance digital charity platform enabling users to browse donation opportunities, pay Zakat, and manage personal dashboards, with a strong focus on user trust, secure payments, and mobile-first responsiveness. Tenant example: smo.edialoguec.org.sa
Developed the official website of Rokn Al-Hewar (edialoguec.org.sa), ensuring brand consistency and accessibility.
Engineered "Ataa Admin", a robust administrative dashboard for managing donation campaigns, gifts, financial reports, and donor data within a high-traffic charity ecosystem.
Established a responsive design system using Tailwind CSS (Vite) and standardized typography via Google Fonts (IBM Plex Sans Arabic) with @nuxt/fonts.
Implemented multilingual support (Arabic / English) using @nuxtjs/i18n, ensuring wide accessibility and maintainable localization workflows.
Optimized Core Web Vitals by integrating nuxt-svgo for SVG processing and @nuxt/image for automated image optimization.
Leveraged VueUse to efficiently integrate browser APIs and streamline reusable state and composable logic.