Software Engineer · UI/UX Design · Creative Development
With over two years of experience in software engineering and web development, I specialize in crafting creative, thoughtful interfaces that bridge design and engineering. From interactive animations to polished user experiences, I bring ideas to life with precision and efficiency.

This is where I work, think, and lose things. Three modes: chaos, notebook, cleanup — pick whichever matches your week.










As part of my work at Enigma, I designed and developed a new landing page to better showcase the brand and its offerings. I focused on creating a visually engaging and user-friendly experience that effectively communicates Enigma's value proposition and drives user engagement.

A mobile-first experience for a live platform, designed from scratch with a focus on accessibility, usability, and cultural alignment.

I designed and developed the website for Home 10, a Saudi-based architecture, interior design, and construction firm. The site showcases their portfolio of residential and commercial work through a clean, image-forward experience that reflects their premium, full-service positioning.

As a part of my work at Enigma, I built a real-time webcam capture experience for an AI-powered photo booth product. This involved wiring a Next.js frontend with real-time webcam capture capabilities to a NestJS backend that integrates Gemmini AI for image generation, AWS S3 storage, and QR-code delivery, creating an engaging and seamless user experience.

Ship features across interconnected React/Next.js codebases serving Aramco and Deloitte, including an 80+ component shared library and a backend-driven view-model engine that renders ~17 typed chart and widget types from API schemas — letting product teams launch dashboards without a frontend deploy. Own Keycloak OIDC + PKCE auth with CASL-based permissioning, validate emerging UI patterns (HeroUI, compound components, React Aria) on greenfield work before bringing them back into the shared library, and shape team conventions through code standards and onboarding documentation that ramps new engineers across the full stack.
Build full-stack web experiences centered on AI-powered photo booths — wiring Next.js frontends with real-time webcam capture to NestJS backends that integrate OpenAI generation, AWS S3 storage, and QR-code delivery. Delivered the company's main marketing site and contributed to additional product surfaces including a masonry gallery, a sketch-to-art generator, and a bank comparison-slider experience.
Built end-to-end internal applications on the Microsoft Power Platform — Power Apps interfaces backed by SharePoint and Dataverse, Power Automate flows for approvals and compliance, and embedded Power BI dashboards for real-time analytics. Designed interactive modules with advanced filtering, search, and live data validation to streamline operational workflows.