Skip to content
Abdelrahman MohamedAbdelrahman Mohamed9+ years · Senior Frontend Engineer

Senior Frontend Engineer & Product Engineering Consultant

I help developers, founders, and teams build better web products through frontend architecture, UX, performance, and practical technical guidance.

Book a ConsultationExplore My Services
  • React
  • Next.js
  • TypeScript
  • Frontend Architecture
  • UX
  • Accessibility
  • Performance

Get to know me

About Me

Senior Frontend Engineer with 9+ years of experience building scalable, responsive, and high-performance web applications for enterprise, government, education, and SaaS platforms. I specialize in modern frontend development using React.js, Next.js, JavaScript (ES6+), and Drupal CMS, with a strong focus on delivering pixel-perfect user interfaces, smooth animations, accessibility, SEO, and excellent user experiences.

Throughout my career, I have delivered complex projects for organizations such as the American University in Cairo (AUC), Nile University, Egypt University of Informatics, eFinance, and international SaaS products. My expertise spans both CMS-driven websites and API-based applications, including authentication, dashboard systems, and video processing platforms.

Bachelor in Computer Science

Cairo University

Cairo, Egypt • Sep. 2012 – Jul. 2016

Languages

Arabic (Native)English (B2)

9+

Years Experience

30+

Projects Completed

Experience highlights

Years building for the web
9+
Projects completed
30+
University platforms (AUC, NU, EUI)
3

Projects delivered for

  • American University in Cairo
  • Nile University
  • Egypt University of Informatics
  • Egyptian Tax Authority
  • eFinance
  • Halex
  • Gather Voices
  • Ceres

Who I help

Practical guidance from someone who builds

Whether you're growing as a developer, shaping a product, or improving an existing website, I bring 9+ years of hands-on frontend and product engineering experience.

Developers

Frontend developers who want clear direction to grow their skills and career.

  • React, Next.js, and frontend architecture mentoring
  • Code reviews and interview preparation
  • Career direction and growth roadmap
See how I can help

Founders

Founders who need product and technical guidance before and while they build.

  • Turn an idea into MVP scope, user flows, and a roadmap
  • Make practical technical and architecture decisions
  • Check that an AI-built website is ready for production
See how I can help

Businesses

Teams that want an expert review of their website's UX and frontend quality.

  • UX audit of navigation, user journeys, and forms
  • Usability, accessibility, and SEO review
  • React / Next.js technical review
See how I can help

Why work with me

Experience you can put to work

  • Real-world experience

    9+ years working on production web applications.

  • Engineering, UX & business

    I think about implementation, user experience, and business goals together.

  • Practical guidance

    Recommendations should be actionable.

  • Senior perspective

    Architecture, maintainability, performance, and long-term decisions matter.

Services

How I can help

Focused coaching, reviews, and consultations for developers, founders, and teams. Not sure which one fits? Send me a message and I'll point you in the right direction.

For frontend developers

Frontend Career Coaching

One-to-one help for frontend developers who want to grow their skills and move their career forward.

What's included

  • React and Next.js guidance
  • Frontend architecture and code reviews
  • Interview preparation
  • Career growth planning

Starting from $35 / 45 min

Book a Coaching Session

For businesses & product teams

Website UX Audit

A focused review of how real users move through your website, and where they get stuck.

What's included

  • Navigation and user journeys
  • Forms and mobile usability
  • UI consistency
  • Usability problems, prioritized

Starting from $75

Request a UX Audit

For website owners

Usability, Accessibility & SEO Review

A practical check of the fundamentals that affect how usable, accessible, and discoverable your website is.

What's included

  • Basic accessibility and usability
  • SEO fundamentals
  • Mobile experience
  • Performance-related UX issues

A practical review — not a formal WCAG certification or penetration test.

Starting from $90

Request a Review

For founders using AI builders

Vibe-Coded Website Review

For founders who built their website with Lovable, Bolt, Cursor, or other AI tools.

AI can help you build faster. I help you make sure what you built is actually ready.

What's included

  • Responsive behavior and UX
  • Accessibility and performance
  • Frontend quality and maintainability
  • Production-readiness

Starting from $99

Review My AI-Built Website

For founders

Product Engineering Consultation

Turn an idea into a practical plan: the right features, flows, and technical decisions for your MVP.

What's included

  • Practical features and user flows
  • MVP scope
  • Technical decisions and architecture
  • Product roadmap

Starting from $100 / session

Discuss My Product

For React / Next.js teams

Frontend Technical Review

A senior review of your frontend codebase to improve structure, performance, and maintainability.

What's included

  • React / Next.js architecture and component structure
  • State management and data fetching
  • Performance
  • Maintainability and code quality

Starting from $150

Request a Technical Review

Freelance & contract

Hire Me for Your Project

Senior frontend development for your product using React, Next.js, or Drupal CMS.

Start a Project
  • Pixel-perfect, responsive, accessible interfaces
  • API integration and authentication
  • Performance and SEO built in

How I think

What a review looks like

Illustrative examples of common issues and how I approach them. These are examples, not client work.

Example · UX review

Mobile Navigation

Problem
Important navigation requires too many interactions.
Why it matters
Users have to work harder to discover important content.
Recommendation
Simplify navigation and use progressive disclosure where appropriate.

Example · Usability review

Form Usability

Problem
Required fields and validation feedback are unclear.
Why it matters
Users may make mistakes or abandon the form.
Recommendation
Use clear labels, predictable validation, and useful error feedback.

Example · Vibe-coded review

AI-Generated UI

Problem
The website may look visually polished while still having inconsistent spacing, responsiveness, accessibility, or component behavior.
Why it matters
Generated code can look complete without being production-ready.
Recommendation
Review UX, responsive states, semantic HTML, accessibility, performance, and maintainability.

How it works

A simple, transparent process

  1. 01

    Get in touch

    Send a short message or book a call describing your goals and current situation.

  2. 02

    Discovery call

    We clarify the context, constraints, and what success looks like for you.

  3. 03

    Plan & deliver

    You get a clear plan, review, coaching session, or implementation, depending on the service.

  4. 04

    Follow-up

    You leave with actionable next steps, and I stay available for follow-up questions.

Selected work

Projects I've delivered

Universities, government platforms, SaaS products, and corporate websites built with React, Next.js, Vue, and Drupal.

My Journey

Work Experience

  1. Senior Frontend Engineer

    Eva Pharma

    EgyptFreelance Project Contract
    Mar 2026 - PresentCurrentFreelance

  2. Senior Frontend Engineer

    Idigit Solutions

    KSAFreelance Project Contract
    May 2025 - Oct 2025Freelance

  3. Senior Frontend Engineer

    Arkdev

    Egypt
    Jan 2021 - PresentCurrent

  4. Mid. Frontend Developer

    Arkdev

    Egypt
    Jan 2019 - Dec 2020

  5. Junior Frontend Developer

    Arkdev

    Egypt
    Oct 2016 - Dec 2018

Key Responsibilities

  • Architect, develop, and maintain scalable, high-performance frontend applications using React.js, Next.js, and Drupal CMS
  • Build responsive, mobile-first, and cross-browser compatible interfaces that deliver seamless user experiences across all devices
  • Translate UI/UX wireframes and design mockups into pixel-perfect, accessible, and visually engaging web interfaces
  • Implement modern frontend best practices with a strong focus on performance optimization, Core Web Vitals, SEO, and WCAG accessibility compliance
  • Integrate and consume RESTful APIs and authentication systems to connect frontend applications with backend services
  • Collaborate closely with UI/UX designers, backend developers, product managers, and clients to transform business requirements into scalable technical solutions
  • Lead frontend architecture decisions, establish reusable components, and contribute to design systems that improve development efficiency and consistency
  • Drive product engineering and UX initiatives by translating business and user needs into intuitive, scalable solutions, from user flows and wireframes to high-quality frontend implementation
  • Drive responsive design strategies and advanced animations using modern libraries such as Framer Motion and GSAP
  • Conduct usability testing before deployment to ensure a high-quality user interface
  • Conduct code reviews and enforce code quality standards using ESLint, Prettier, testing frameworks, and development best practices
  • Mentor frontend developers through knowledge sharing, technical guidance, and hands-on support to enhance team capabilities
  • Organize and schedule meetings with clients to discuss website design preferences and requirements
  • Provide accurate task estimations, technical assessments, and strategic input during project planning and decision-making
  • Leverage AI-powered development tools such as Cursor, Claude, ChatGPT, Gemini, and Lovable to accelerate delivery and improve productivity
  • Continuously learn and implement new technologies while developing diverse and high-quality websites

What I work with

Skills & Technologies

Frontend

  • React.js
  • Next.js
  • Vue.js
  • Nuxt.js
  • Alpine.js
  • JavaScript (ES6+)
  • TypeScript
  • JSX

State & Data

  • Redux Toolkit
  • Context API
  • React Hooks
  • React Router
  • Formik
  • React Hook Form
  • Axios

Styling

  • HTML5
  • CSS3
  • SCSS
  • Tailwind CSS
  • Bootstrap 5
  • Material UI
  • Ant Design
  • shadcn/ui

Animation

  • Motion
  • GSAP
  • React Bits

CMS Platforms

  • Drupal 8/9/10
  • WordPress
  • Shopify

Integration

  • RESTful APIs
  • Authentication
  • AWS Cognito
  • Keycloak
  • SSR
  • SSG
  • i18n

Testing & Quality

  • React Testing Library
  • Jest
  • ESLint
  • Prettier
  • Core Web Vitals
  • Performance Optimization
  • WCAG
  • Responsive Design
  • Cross-Browser Compatibility

DevOps & Tools

  • Webpack
  • Vite
  • Gulp
  • NPM
  • Yarn
  • PNPM
  • Git
  • GitHub
  • GitLab
  • Bitbucket
  • Azure DevOps

Design

  • Figma
  • Figma Make
  • Photoshop
  • Design Systems
  • Pixel-Perfect Development

Product & UX Engineering

  • User-Centered Design
  • Usability Analysis
  • UX Research
  • Wireframing
  • Prototyping
  • Design-to-Code
  • Usability Testing

AI Tools

  • Cursor
  • Claude
  • ChatGPT
  • Gemini
  • Lovable
  • DeepSeek
  • Canva AI

Soft Skills

  • Technical Architecture
  • Scalable Frontend Architecture
  • Code Reviews
  • Task Estimation
  • Team Mentoring
  • Knowledge Sharing
  • Leadership
  • Communication
  • Problem-Solving
  • Time Management
  • Presentation Skills
  • Mind Management
  • Teamwork
  • Decision Making
  • Attention to Details

Let's work together

Have a product, a website, or a career goal in mind?

Tell me what you're working on — a coaching session, a website review, a product consultation, or a project you'd like to hire me for — and I'll get back to you by email.