Professional Experience

Software Engineer | Digital Zone

Frontend Architecture & Super App Integration:
Acting Lead Frontend Engineer: Orchestrated the frontend SDLC for high-traffic mini-apps within a Super App ecosystem, supporting 100k+ active users
Native-to-Web Bridge: Engineered the frontend integration layer to sync with Super App native services, unifying authentication sessions and payment gateways to facilitate 600k+ monthly transactions
UI Observability & Launch Strategy: Directed frontend release cycles and established a feedback loop using Microsoft Clarity to identify and patch UI friction points post-launch without interrupting service
Platform Migration & UI Performance:
Frontend Decoupling: Led the strategic migration of the Ticket Zone UI from a monolithic legacy system to a modern, independent architecture, significantly improving deployment velocity
Performance Engineering: Achieved a 26% reduction in bundle size and optimized Time-to-Interactive (TTI) by implementing code-splitting, tree-shaking, and a transition to highly efficient custom hooks
Dynamic Component Logic: Refactored core event templates to support diverse formats (Workshops, Matches), moving beyond rigid, hardcoded layouts
Environment-Aware UI: Developed a 'Kiosk Mode' to detect webview environments and hide browser chrome, delivering a native-app-like experience
Frictionless UX: Designed a 'Direct Redeem' frontend workflow via deep links, reducing the user journey from 5 steps to 2
Profile MVP: Built a granular 'Profile MVP' feature for Ticket Zone in production for real-time ticket history tracking
Product Development (Rahal eSIM):
Component Development: Contributed to all components for the Rahal eSIM platform using Next.js and Tailwind CSS, establishing the project's design system and component library
Direct-to-Device Integration: Engineered a 'Direct Installation' frontend flow for iOS, leveraging deep-linking protocols to allow eSIM activation without secondary screen QR scanning
UI Logic Expansion: Developed the frontend logic for 'Package Plus' bundling
Security, Observability & Internal Tooling:
Access Control Implementation: Architected the frontend security layer for admin dashboards, integrating Keycloak (IAM) and CASL to enforce granular, role-based UI permissions
Frontend Telemetry Pipeline: Integrated Sentry, Google Analytics, and RudderStack to provide the product team with real-time insights into application health and client-side errors
Operational Velocity: Leveraged Retool to rapidly deploy internal CRUD interfaces and used Flagsmith for frontend feature flagging, enabling canary releases and instant UI rollbacks

Links

Digital Zone Ticket Zone Rahal eSIM

Technologies & tools

React

Next.js

TypeScript

Tailwind CSS

Keycloak

CASL

RudderStack

Sentry

Flagsmith

Retool

Microsoft Clarity

Google Analytics

Frontend Web Developer - Intern | Fuel My Hustle

Fixed a bug in the TechClarityCoach website in the heroes card that caused users to leave the website
Made website improvements and led balablu project

Technologies & tools

TypeScript

React

Next.js

Tailwind CSS

Nextra

Frontend Developer - Intern | RadicalX

Worked as frontend developer using React.js on Chatbot powered by AI which is intended to be used for the company's app under the supervision of the company's front-end developers
Built the squads team container of the RadicalX app

Technologies & tools

Git

JavaScript

React

Tailwind CSS

Frontend Engineer - Freelancer

Built more than 6 projects using different frameworks like React and Next.js
Built personal website using Next.js and Tailwind and adding animation to it using Framer Motion

Technologies & tools

Git

GitHub

HTML

CSS

JavaScript

Ruby

Firebase

React

Next.js

Framer Motion