About
Product-focused Frontend Engineer with over 4 years of experience specializing in building fast, accessible web applications for global markets. Expertly translates Figma designs into pixel-perfect React/Next.js interfaces, significantly reducing mobile LCP by 45% and enhancing UI consistency. Proven ability to lead end-to-end development, mentor teams, and optimize performance, ensuring high-quality, scalable solutions across the full stack.
Work
→
Summary
Engineered high-fidelity frontend components and optimized application performance, ensuring a seamless and visually consistent user experience.
Highlights
Engineered 40+ high-fidelity Figma designs into pixel-perfect, responsive components using Next.js, React, and TypeScript, ensuring seamless user experience across all devices.
Optimized application performance by implementing strategic code-splitting and image optimization, resulting in a 45% reduction in Largest Contentful Paint (LCP) from 3.2s to 1.8s on mobile.
Architected and developed a comprehensive, reusable component library in Storybook, accelerating new feature development by over 30% and enforcing UI consistency.
Established a robust testing strategy using Jest, React Testing Library, and Cypress, achieving over 95% code coverage and reducing production bugs by 40%.
Collaborated closely with backend engineers to integrate frontend components with Node.js/Express RESTful APIs and maintained CI/CD pipelines using GitHub Actions.
→
Summary
Led end-to-end full-stack development for over 20 freelance clients, delivering production-grade SaaS applications while ensuring high-quality, scalable solutions.
Highlights
Delivered production-grade SaaS applications for over 20 freelance clients, transforming initial concepts into robust solutions using React, Next.js, Node.js, and Tailwind CSS.
Refactored legacy codebases and elevated AI-generated applications by implementing best practices for testing (Jest/Cypress), security, and scalable architecture.
Acted as a Technical Lead on multiple projects, mentoring other developers, conducting rigorous code reviews, and architecting solutions for complex business requirements.
Engineered and deployed 18+ RESTful APIs over 24 months using Node.js and Express, reducing server response times by 30% and supporting over 250,000 monthly requests.
Volunteer
Google Developer Student Club (GDSC) – Al-Azhar
|Head of Frontend
→
Summary
Led and mentored a team of junior developers, driving the successful delivery of innovative web applications for students.
Highlights
Mentored and led a team of 12 junior developers, guiding them through the development of 4 innovative web applications.
Delivered 4 impactful web applications that successfully served over 5,000 students, enhancing their learning experience.
Education
→
Bachelor of Science
Computer Engineering
Courses
Graduation Project: XFit – AI Fitness & Collaborative Fitness App
Developed an AI-driven fitness platform with React, Next.js, Node.js, and ML-powered analytics.
Enabled users to set goals, track workouts, and share progress/events in a social feed.
Skills
Programming Languages
JavaScript (ES6+), TypeScript (Strong Typing).
Frontend Frameworks & Libraries
React 19 (Hooks, Components), Next.js 15 (SSR, ISR, App Router), Tailwind CSS (Utility-First), shadcn/ui (Accessible Components), HTML5 & CSS3, Storybook (Component Library), React Query.
Backend Technologies
Node.js & Express, RESTful APIs & GraphQL.
Development Practices & Tools
Responsive / Mobile-First Design, UI/UX Implementation (Figma-to-Code), Performance Optimization (Core Web Vitals), Accessibility (WCAG 2.1, ARIA), Testing: Jest, React Testing Library, Cypress, CI/CD - GitHub Actions, Git & GitHub Flow, Video Streaming (HLS, MSE), Internationalization (i18n), Turborepo, Zod, Gemini API, OpenAI API.