• Spearheaded the development of new features for the Madar web applications, utilizing Angular and TypeScript to deliver enhanced functionality and user experiences.• Initiated a significant architectural refactor of the system, transitioning from a monolithic structure to a domain-oriented one, thereby improving reusability, maintainability, and modularity.• Achieved a 45% reduction in bundle size through optimization techniques, improving application performance and load times.• Implemented Inverted Triangle CSS Architecture (ITCSS) and enhanced UI library development to maximize reusability and ensure consistency across applications.• Collaborated closely with UX designers to establish a cohesive and consistent UI Design System, enhancing user experience and streamlining development efforts.• Led a frontend team of 4 developers, providing mentorship, guidance, and supervision to ensure the delivery of high-quality code. Actively participated in code reviews to maintain code quality and foster a culture of continuous improvement.• Participated in the hiring process by assessing candidates technically, contributing to the selection of top talent and ensuring a strong team fit.• Collaborated with stakeholders and team members to understand project requirements, align goals, and deliver solutions that meet business needs.

• Participated in micro-frontend development of Najiz Application for the Ministry of Justice KSA, leveraging Vue.js to deliver multiple applications that met the project’s requirements and standards.• Led the Frontend Team, providing mentorship and day-to-day supervision to a team of 3 developers, ensuring high-quality code and timely delivery of project milestones. Actively participated in code reviews to maintain code quality and foster a culture of continuous improvement.• Collaborated closely with UX designers to translate design concepts into user-friendly interfaces, enhancing media content management and ensuring seamless user interactions.• Enhanced the Progressive Web App (PWA) and caching mechanisms of the media content management (CMS) platform, optimizing performance and ensuring efficient content delivery.

• Spearheaded the development of CherryPickedMeals web application, focusing on key features such as payments, shopping cart functionality, and scheduling, delivering a seamless and intuitive user experience.• Implemented the inverted triangle CSS architecture (ITCSS) to enhance reusability, scalability, and maintainability of the user interface, ensuring efficient development and easy maintenance.• Adhered to best practices of Object-Oriented CSS (OOCSS) and BEM naming convention, prioritizing clean and maintainable code to facilitate collaboration and future enhancements.• Ensured Semantic markup and adhered to SEO optimization best practices.

• Participated in development of the EOS Labs Web application, specializing in visualizing energy consumption, utilizing Angular and Highcharts to create dynamic and informative data displays.• Contributed to the enhancement of the Magalix web application interface by implementing new features such as data visualization for resource consumption and Auto Pilot for managing cost and resources effectively.• Successfully migrated the Magalix web application from AngularJS to Angular 7, refactoring 85% of the existing codebase to improve performance and maintainability• Actively participated in code reviews to maintain high code quality standards, foster knowledge sharing, and drive continuous improvement initiatives.

• Spearheaded the design and frontend development of the Arqmy web application from inception, demonstrating proficiency in Vue.js and delivering a robust and user-friendly platform.• Improved SEO performance by implementing semantic markup and server-side rendering techniques, resulting in increased visibility and search engine rankings.• Optimized efficiency and user experience by supporting Progressive Web App (PWA) features and offline capabilities, ensuring seamless accessibility and engagement.• Implemented real-time updates via sockets, enabling instant communication and ensuring all users remained synchronized with the latest data.• Improved versioning by adopting Semantic versioning and git multi-branch model (git flow).• Developed a deployment tool that significantly reduced deployment time by 60%, streamlining processes and enhancing productivity.• Elevated user experience by integrating animations using GSAP, enhancing interactivity and visual appeal.

• Designed and developed over 10 web and mobile applications, demonstrating versatility and adaptability across various projects.• Developed Rabwa web applications (Islamhouse, Quran, Balagh), serving a combined daily visitor count of 60,000+, showcasing a strong understanding of user needs and preferences.• Implemented cross-platform interactive responsive user interfaces, ensuring seamless user experiences across devices.• Collaborated with stakeholders and team members to understand project requirements, align goals, and deliver desired functionalities on time and within budget.• Used task runners like gulp for transpile and bundling the source code and reduced development time by 30%.

• Designed and developed user interfaces for LimoN’taxi and Transpooler mobile applications and websites, focusing on enhancing usability and user experience.• Spearheaded the creation of cross-platform responsive dashboards for LimoN’taxi and Transpooler, ensuring optimal performance across devices.• Maintained and iterated on user experience and usability of various products, incorporating feedback to enhance overall design.