Professional Summary
Full-Stack Software Engineer with proven expertise in building high-concurrency SaaS applications, offline-first architectures, real-time event-driven systems, and scalable Angular/PHP ecosystems. Over 4 years of proven track record (2022–2026) designing and building high-performance, accessible, and reactive web applications. Specialized in the modern Angular ecosystem (from Angular 17/18 up to Angular v22: fine-grained Signals, Signal Components, Angular Signal Forms & Reactive Forms, RxJS interoperability, Deferrable Views, Hydration & SSR). Expert in Tailwind CSS v4 design systems, micro-frontends, and Core Web Vitals optimization (+42% performance gain). Strong algorithmic and problem-solving foundation rooted in Computer Science and ICPC competitive programming.
Technical Competencies & Skills
Frameworks & Libraries: Angular (v17 - v22), Angular Signal Forms & Reactive Forms, Signals, RxJS, NgRx, SSR Hydration.
Languages: TypeScript 5+, JavaScript (Modern ESNext), HTML5 Semantic, CSS3, SASS.
Styling & Motion: Tailwind CSS v4 (Latest), Framer Motion, Material UI, Responsive Design, WCAG 2.1.
Architecture & Tooling: Micro-Frontends, Core Web Vitals, RESTful APIs, WebSockets, Git/CI-CD, Vite.
Professional Work Experience
Leading frontend architecture and development for the comprehensive cloud Accounting, Invoicing, and HR ERP platform in Saudi Arabia.
- Spearheaded client-side cryptographic validation and clearance workflows interfacing with Saudi Tax Authority (ZATCA Phase 2) APIs for electronic invoice clearances.
- Engineered reactive financial interfaces for General Ledger, Chart of Accounts, Double-Entry journal entries, AP/AR, and VAT declaration.
- Developed complete HRMS and payroll automation modules compliant with the Saudi Wage Protection System (WPS).
- Leveraged Angular 22 and Signals for instant dynamic balance checks and inline calculation tables without performance lag.
Technologies: Angular 22, TypeScript, Tailwind CSS v4, Signals, RxJS, ZATCA Phase 2 API, ExcelJS.
Multi-role educational enterprise SaaS platform serving thousands of students, teachers, supervisors, and admins.
- Architected scalable enterprise Angular modules transitioning from Angular 18 through Angular v22 using fine-grained Signals and Signal Inputs/Outputs.
- Reduced page load times and initial bundle size by 42% by adopting Angular standalone deferrable views and modern hydration pipelines.
- Engineered a unified design system with Tailwind CSS v4 and accessible components across all 5 user portals.
- Collaborated with backend engineers to define resilient REST APIs and WebSocket schemas for real-time interaction.
Technologies: Angular (v18 - v22), TypeScript, Tailwind CSS v4, Signals, RxJS, SASS, REST APIs.
Engineered dynamic web applications, bespoke client CMS portals, and administrative management platforms leveraging AI-assisted engineering methodologies.
- Architected and developed the miniatalk.com web platform and complete custom admin dashboard from A to Z.
- Pioneered AI-assisted development workflows (prompt engineering, rapid prototyping, and automated code review) to accelerate delivery timelines by 40%.
- Designed secure MySQL relational database schemas with optimized indexing and strict role-based access control (RBAC).
Technologies: PHP, MySQL, AI-Assisted Development, Prompt Engineering, JavaScript, Tailwind CSS, Git.
Focus on algorithmic problem solving, software engineering principles, and semantic web development.
Featured Projects & AI Systems
Role: Full-Stack / Frontend Lead Developer (Angular 22 & Node.js Microservices)
Major educational platform specialized in Qudurat & Tahsili standardized testing serving thousands of students, built with Angular 22 and TailwindCSS, integrated with an autonomous Multi-Tenant AI Educational Agent (Node.js, Express, TypeScript, Prisma, MariaDB, Google Gemini API) acting as an interactive virtual tutor providing real-time personalized explanations.
Frontend & Angular 22:
- Modern Frontend Architecture: Built and maintained platform UI using Angular 22 relying fully on Standalone Components, Angular Signals, and Lazy-Loaded Routes for peak performance and ultra-fast loading times.
- Complex Multi-Role Dashboards: Developed advanced dashboards serving 9+ distinct platform roles (Admins, Supervisors, Teachers, Parents, Accountants) with interactive Roadmaps Monitoring, advanced filtering, and 1-click batch export of thousands of records via ExcelJS.
- Gamified & Interactive Student Journey: Engineered simulation exams (Qudurat & Tahsili), instant correction, skill & weakness analytics, and celebratory interactive completion modals.
AI Agent & Multi-Tenant SaaS (Backend & AI):
- Scalable AI Microservice: Designed and built an autonomous Multi-Tenant AI microservice serving multiple SaaS tenant platforms with complete data isolation and individual API key management (X-API-KEY).
- Cost & Token Optimization: Implemented semantic & in-memory caching (node-cache + MariaDB) reducing token consumption for common queries to 0% and accelerating latency to sub-seconds, alongside daily quota controls per student.
- Educational Guardrails & Anti-Hallucination: Implemented strict proactive guardrails restricting student queries strictly to curriculum scopes, with zero-hallucination error analysis grounded strictly in official grading rubrics.
- Enterprise Security & Controls: Domain Origin Locking (CORS), admin dashboards with instant Kill Switch and real-time dollar-denominated token consumption tracking.
Technologies: Angular 22, TypeScript, Tailwind CSS v4, Angular Signals, Node.js, Express.js, Prisma ORM, MariaDB, Google Gemini API, SSE Streaming, ExcelJS, RxJS.
Role: Lead Front-End Engineer & ERP Specialist •
hsabi.sa
Full-scale cloud-based Accounting, Invoicing, and Human Resources ERP platform engineered for Saudi enterprises. Integrates directly with the Saudi Zakat, Tax and Customs Authority (ZATCA / FATOORAH Phase 2) for fully compliant cryptographic e-invoicing and real-time clearance.
- ZATCA Phase 2 E-Invoicing Compliance: Spearheaded frontend integration and validation flows interfacing with Saudi Tax Authority (ZATCA Phase 2) APIs, handling cryptographic stamping, QR code generation, and compliant XML/PDF invoice clearances.
- Comprehensive Financial & Accounting Engine: Engineered reactive interfaces for General Ledger, Chart of Accounts, Double-Entry journal entries, Accounts Payable/Receivable, VAT declaration, and multi-currency exchange reconciliations.
- Integrated HRMS & Payroll Automation: Developed complete workforce management modules covering employee records, automated leave calculation, end-of-service benefits, and Saudi Wage Protection System (WPS) compliant payroll processing.
- High-Performance Angular 22 & Signals: Implemented real-time dynamic balance checks, inline invoice calculation tables, and instant validation using Angular 22 Signals without performance lag.
- Enterprise Reporting & Audit Trails: Built fast exportable reporting engines (ExcelJS, PDF) allowing accountants to audit thousands of daily financial entries with dynamic multi-tier filtering.
Technologies: Angular 22, TypeScript, Tailwind CSS v4, Angular Signals, RxJS, ZATCA Phase 2 API, ExcelJS, Financial Engines.
Role: Senior Full-Stack Engineer / Software Architect
Enterprise-grade multi-tenant venue management and POS system supporting multi-tier hospitality and entertainment venues (PlayStation arenas, billiard centers, cafes) with strict data isolation, offline-first cashier reliability, live event-driven telemetry, and zero-downtime manifest deployments.
- Architected & Developed Multi-Tenant SaaS: Engineered multi-tier venue management and POS system with strict tenant data isolation, tenant-specific billing rules, and scalable modular architecture.
- Offline-First & Fault-Tolerant Engine: Built resilient offline-first POS layer using dual-layer caching (IndexedDB + synchronized localStorage) with asynchronous outbox sync engine, eliminating cashier shift closures and data loss during server downtime or Cloudflare 525 drops.
- High-Throughput Real-Time Architecture: Integrated bi-directional WebSockets (Socket.io) for live resource tracking, floor monitor timers, and cashier push notifications, reducing background polling overhead by 95% via event-driven status polling.
- Unified API & DB Optimization: Designed Unified POS Bootstrap API consolidating shift details, tenant settings, and payment methods into a single network round-trip, significantly mitigating request storms and cutting SQL latency.
- Self-Ordering QR System: Implemented real-time QR self-ordering portal for customers with live inventory deduction, instant socket event dispatching, and dynamic catalog rendering via Angular Signals & Computed states.
- Zero-Downtime Deployment & Versioning: Authored automated client-side version manifest checkers and atomic zero-downtime deployment workflows, ensuring seamless service worker updates without cashier disruption.
Technologies: Angular (v21/v22), Angular Signals, TypeScript, TailwindCSS, PHP (OOP), MySQL, WebSockets (Socket.io), IndexedDB, PWA / Service Workers, REST APIs.
Role: Lead Frontend & Full-Stack Developer (Angular v21 & PHP APIs)
Official web platform and comprehensive administrative control panel for Hulul Al-Benaa Sustainable Contracting & Real Estate Development in Riyadh, KSA. Built with modern Angular v21, Tailwind CSS, and secure PHP RESTful APIs, with full server provisioning, SSL hardening, and cloud deployment.
- Modern Angular v21 Architecture: Developed high-performance, responsive customer-facing interfaces using Angular v21 Standalone Components and Tailwind CSS.
- Dedicated Admin Control Panel: Engineered a complete back-office CMS dashboard allowing management to oversee project portfolios, client quotation requests, architectural services, and media galleries.
- PHP RESTful APIs & Cloud Deployment: Developed and integrated secure API endpoints handling quotation submissions, contact routing, server configuration (Linux/Apache/Nginx), and domain DNS routing.
Technologies: Angular v21, TypeScript, Tailwind CSS, PHP REST APIs, MySQL, Linux Server Deployment, Admin CMS Architecture.
Role: Full-Stack Web Developer & System Architect (Built 100% A to Z with AI Assistance)
Architected and engineered the entire digital media platform and comprehensive administrative control panel from A to Z using PHP, MySQL, and modern frontend styling. Developed with an AI-first workflow utilizing advanced prompt engineering for rapid backend prototyping, database modeling, and strict input validation.
- End-to-End Architecture (A to Z): Designed, coded, and deployed the entire public web platform and comprehensive administrative dashboard without external templates or third-party bloat.
- AI-Augmented Engineering: Leveraged AI models and structured prompt design to architect database schemas, automate backend scripts, and rigorously verify sanitization routines.
- Full Administrative Control Panel: Engineered comprehensive CRUD modules for article workflows, category taxonomies, media asset management, role-based access control, and readership metrics.
- Security & Performance Optimization: Implemented strict sanitization against CSRF/XSS, optimized MySQL queries, and designed an adaptive mobile-first UI.
Technologies: PHP, MySQL, AI-Assisted Engineering, Prompt Engineering, Tailwind CSS, JavaScript, Admin CMS Architecture.
- Integrated Codeforces REST API to automatically poll contest submissions, calculate real-time trainee ratings, and generate dynamic leaderboards.
- Built leader and head-of-camp dashboards with mentor-trainee automated matching heuristics and attendance tracking.
Technologies: Angular 17, TailwindCSS, Codeforces API, TypeScript, RxJS.
- Facilitated problem-solving and programming fundamentals training with real-time trainee progress analytics and custom milestone tracking.
Technologies: Angular 17, TailwindCSS, TypeScript, SASS.