Summary

Frontend Engineer with 4+ years of experience building user-centric web applications. Proficient in both Vue.js (Nuxt) and React (Next.js) ecosystems, with a focus on performance optimization, scalable UI architecture, and GraphQL. Experienced in collaborating with cross-functional teams to deliver high-quality, production-ready digital solutions.

Experience

Frontend Engineer

Baianat - June 2021 - April 2026

  • Led frontend development on 8+ production systems, reducing average page load time by 40% through SSR and performance optimization.
  • Architected scalable UI for complex, role-based multi-dashboard platforms serving 3+ user roles per application.
  • Achieved Lighthouse performance scores of 95–100 across all major products, including a score of 100 on Desktop for Tatmeen.
  • Reduced LCP to ~0.6s on the Tatmeen healthcare platform through code-splitting, lazy loading, and asset optimization.
  • Integrated GraphQL APIs and REST endpoints across 6+ projects, improving data-fetching efficiency and reducing over-fetching.
  • Collaborated with cross-functional teams of 5+ engineers to deliver 4 new product launches from 0 to production.
  • Mentored junior developers, conducted code reviews, and established frontend architecture standards for the team.

Education

Delta University

Bachelor of Artificial Intelligence

Expected Graduation: 2028

Skills

  • Frontend Frameworks: Vue.js, Nuxt.js, React, Next.js
  • Languages: JavaScript, TypeScript
  • State Management: Pinia, Vuex, i18n, Redux
  • Backend Integration: REST APIs, GraphQL, Directus
  • Web Technologies: HTML5, CSS3, SASS, Stylus, Responsive Design, PWA
  • Tools: Git, GitHub, Playwright
  • Performance: Performance Optimization, Core Web Vitals
  • Soft Skills: Project Management, Code Review, Mentoring

Projects

Tatmeen – Online Mental Health Platform

Role: Frontend Developer

Tech Stack:Vue.js, Nuxt.js, TypeScript, SCSS, Pinia, i18n, GraphQL, PWA

  • Built a high-performance, SEO-optimized frontend using Nuxt.js (SSR).
  • Achieved a Lighthouse performance score of 100 (Desktop) and 96 (Mobile) by optimizing Core Web Vitals (LCP~0.6s).
  • Designed a secure and scalable frontend architecture using code-splitting and lazy loading to handlesensitive healthcare data.
  • Integrated UI for medical prescriptions, lab test requests, and psychological assessments.
Visit website

Nexcent – Membership Management Landing Page

Role: Frontend Developer

Tech Stack: Next.js 16, Tailwind CSS v4, TypeScript

  • Built a fully responsive landing page from a Figma design using Next.js App Router.
  • Implemented scroll-triggered animations via IntersectionObserver and countdown stats.
  • Configured SEO metadata, OG image generation, sitemap, and JSON-LD structured data.
  • Set up Tailwind CSS v4 with custom design tokens matching the original design system.
Visit website | GitHub Repo | Figma Design

FRA Sandbox – Financial Regulatory Authority

Role: Frontend Developer

Tech Stack:Vue.js, Nuxt.js, TypeScript, SCSS, Pinia, GraphQL, PWA

  • Developed frontend modules for public website, user portal, and admin dashboard
  • Implemented role-based access control (RBAC) for multiple user types
  • Designed scalable architecture aligned with financial regulatory requirements
Visit website

Leiaqa – E-Learning Platform

Role: Frontend Developer

Tech Stack:Vue.js, Nuxt.js, TypeScript, SCSS, Pinia, i18n, GraphQL, PWA

  • Developed course builder, dynamic quiz system, and subscription flows
  • Built analytics dashboards for tracking user activity and performance
  • Improved architecture and data handling using GraphQL
Visit website

Baiitna – Property Service Platform

Role: Frontend Developer

Tech Stack:Vue.js, Nuxt.js, TypeScript, SCSS, Pinia, i18n, GraphQL, PWA

  • Built the full platform from scratch (main website + 2 dashboards)
  • Developed subscription system and provider onboarding flow
  • Implemented registration forms for service providers
  • Designed role-based dashboards for admins and providers
Visit website

Caterk – Embrace Togetherness

Role: Frontend Developer

Tech Stack:Vue.js, Nuxt.js, TypeScript, SCSS, Pinia, i18n, GraphQL, PWA

  • Built the main website and registration & onboarding flow from scratch.
  • Developed a full order system with reviews and tier-based pricing features.
  • Implemented a menu builder with modifier groups and add-ons system inside the dashboard.
  • Built business dashboard features for managing products, orders, and provider accounts.
Visit website

ClassesHub – E-Learning Ecosystem

Role: Frontend Developer

Tech Stack:Vue.js, Nuxt.js, TypeScript, SCSS, Pinia, i18n, GraphQL, PWA

  • Built a full course builder system from scratch with dynamic content and assessment tools.
  • Developed multi-role dashboards for students, instructors, and admins with tailored experiences.
  • Implemented real-time data flow between users for interactive learning.
  • Integrated subscription and payment flows with optimized performance across the platform.
Visit website

Maknon

Role: Full-Stack Developer

Tech Stack: Vue.js, Nuxt.js, TypeScript, SCSS, Pinia, i18n, GraphQL, PWA, Directus

  • Built the full marketing website from scratch including UI design and frontend implementation.
  • Configured and managed the Directus backend including data modeling, permissions, and content structure.
  • Implemented animations and micro-interactions to enhance user experience.
Visit website