Skip to content
Abd El-Rahman AdelFrontend Engineer
Engineer Profile & Career Journey

CAREER & ENGINEERING PHILOSOPHY

About Abd El-Rahman Adel

Front-End Engineer specializing in React, Next.js, and TypeScript, focused on building scalable SaaS platforms, enterprise dashboards, business applications, and maintainable frontend architectures.

How I Think As An Engineer

I approach frontend engineering as a balance between solid technical architecture and thoughtful user experience. My focus is building interfaces that are scalable, maintainable, responsive, and easy for engineering teams to extend.

My professional experience has centered around React and Next.js applications, SaaS platforms, enterprise dashboards, e-commerce systems, accounting applications, and API-driven business products. I enjoy turning complex business requirements into clear and reusable frontend experiences.

I place strong emphasis on reusable components, feature-based organization, predictable data fetching, type-safe development, responsive design, API integration, authentication flows, and performance-conscious implementation.

Beyond implementation, I have experience contributing to technical planning, feature estimation, code reviews, and team coordination, particularly while working as a Team Lead on business applications.

ENGINEER AT A GLANCE

  • Location:Egypt
  • Status:Open to Remote Front-End Engineering Opportunities
  • Primary Focus:React · Next.js · TypeScript
  • Specialization:SaaS & Business Applications
  • Experience:2+ Years Hands-on Experience
  • Languages:Arabic (Native) · English
PROGRESSION

Career Timeline & Key Milestones

Lead Front-End Engineer

2025 — Present
BuildFy • Egypt
  • Led the front-end development of Vorder, a multi-tenant SaaS e-commerce platform.
  • Designed and implemented the frontend architecture and reusable component system.
  • Built merchant dashboard interfaces covering products, orders, customers, analytics, and store management.
  • Developed responsive interfaces for both merchant workflows and storefront experiences.
  • Integrated REST APIs using TanStack Query and Axios.
  • Implemented authentication and authorization workflows.
  • Contributed to technical planning, feature estimation, and frontend engineering decisions.
  • Collaborated closely with backend engineering to coordinate API contracts and feature delivery.
Next.jsReactTypeScriptTailwind CSSTanStack QueryAxiosREST APIsGitVercel

Team Lead | Front-End Engineer

2025 — Present
X Code • Egypt
  • Developed the company's corporate website from scratch as the primary Front-End Developer.
  • Built reusable components and responsive layouts across the website.
  • Implemented client-side routing and structured the application using a component-based architecture.
  • Improved SEO structure, accessibility, and loading performance.
  • Deployed the website to production using Vercel.
  • Contributed to the development of an internal accounting and inventory management system.
  • Led the front-end development team for the accounting system.
  • Participated in feature planning, code reviews, merge request reviews, and implementation.
  • Collaborated with the backend engineer to integrate business APIs and workflows.
ReactTypeScriptJavaScriptTailwind CSSTanStack QueryAxiosFormikYupReact RouterViteExpress.js

Front-End Developer

Early 2023 — Present
Self-Employed / Freelance • Egypt
  • Built responsive websites, landing pages, dashboards, and business applications for clients.
  • Developed custom interfaces using React, JavaScript, TypeScript, and modern CSS workflows.
  • Integrated REST APIs and implemented interactive application features.
  • Worked on authentication flows, forms, dashboards, and API-driven user interfaces.
  • Diagnosed frontend issues and improved existing applications.
  • Worked directly with clients to understand requirements and deliver requested features.
  • Delivered multiple commercial and client-facing frontend projects.
ReactJavaScriptTypeScriptTailwind CSSREST APIsGitVite

Web Development Intern

Jul 2025 — Aug 2025
Information Technology Institute (ITI) • Egypt
  • Completed the MEARN Web Development training track.
  • Strengthened practical skills in modern web application development.
  • Worked with React and related frontend development technologies.
  • Practiced application development through structured technical training and projects.
ReactJavaScriptNode.jsMongoDBExpress.js

Web Development Intern

Jul 2024 — Oct 2024
Code Alpha • Remote
  • Completed a three-month remote Web Development Internship.
  • Built JavaScript applications including a Book Library, Music Player, and Age Calculator.
  • Developed responsive interfaces using HTML, CSS, and JavaScript.
  • Strengthened frontend development fundamentals through practical project work.
HTML5CSS3JavaScriptResponsive Design
MASTERY MATRIX

Technical Stack Breakdown

Frontend Development

Building scalable web applications with React, Next.js, TypeScript, and modern frontend development practices.

React.jsAdvanced (3 yrs)

Reusable components, hooks, responsive interfaces, dashboards, and application architecture.

Next.jsAdvanced (2 yrs)

App Router, layouts, dynamic routes, server and client components, and SEO-focused applications.

TypeScriptAdvanced (2 yrs)

Typed components, interfaces, API contracts, reusable utility types, and maintainable application code.

JavaScriptAdvanced (3 yrs)

ES6+, asynchronous programming, modules, browser APIs, DOM manipulation, and modern application development.

UI & Styling

Creating responsive, reusable, and visually consistent interfaces across SaaS, business, and corporate applications.

Tailwind CSSAdvanced (3 yrs)

Responsive layouts, reusable utility patterns, design systems, dashboards, and modern UI implementation.

shadcn/uiProficient (1 yrs)

Reusable accessible UI primitives for forms, dialogs, navigation, dashboards, and application interfaces.

Framer MotionProficient (1 yrs)

Page transitions, entrance animations, micro-interactions, and modern motion experiences.

Responsive DesignAdvanced (3 yrs)

Mobile-first layouts, responsive dashboards, adaptive interfaces, and cross-device experiences.

Data & Application State

Managing API-driven applications, server state, forms, validation, and business workflows.

TanStack QueryAdvanced (2 yrs)

Server-state management, caching, mutations, invalidation, loading states, and API-driven workflows.

AxiosAdvanced (2 yrs)

API clients, request configuration, interceptors, error handling, and REST API integration.

React Hook FormProficient (1 yrs)

Form state management, reusable form components, validation, and complex business forms.

Formik & YupProficient (1 yrs)

Structured forms, schema validation, and business-data workflows in React applications.

Backend & Data Knowledge

Practical backend and database knowledge that supports effective frontend architecture and full-stack collaboration.

REST APIsAdvanced (2 yrs)

API integration, authentication flows, CRUD operations, request handling, and error management.

Node.jsProficient (1 yrs)

Backend fundamentals, API development, and frontend/backend integration.

Express.jsProficient (1 yrs)

REST endpoints, middleware, request handling, and backend integration.

NestJSProficient (1 yrs)

Structured backend architecture and API integration in modern TypeScript applications.

PostgreSQL & MongoDBProficient (1 yrs)

Database concepts, data modeling, queries, and integration with web applications.

Development Tools

Tools used for development, version control, API testing, collaboration, and deployment.

Git & GitHubAdvanced (3 yrs)

Version control, branching, pull requests, merge requests, code reviews, and collaborative workflows.

ViteAdvanced (2 yrs)

React development environments, fast builds, and production-ready frontend applications.

Postman & ApidogProficient (2 yrs)

API testing, request inspection, debugging, and frontend-backend integration workflows.

VercelProficient (2 yrs)

Frontend deployment, preview environments, and production hosting.

Engineering Practices

Engineering practices focused on maintainable architecture, reusable systems, and effective team collaboration.

Frontend ArchitectureAdvanced (2 yrs)

Feature-based organization, reusable components, service layers, shared UI systems, and scalable project structure.

Performance OptimizationProficient (2 yrs)

Loading performance, rendering optimization, bundle awareness, responsive interfaces, and Lighthouse improvements.

Authentication & AuthorizationProficient (1 yrs)

Authentication flows, protected routes, role-based access, and frontend authorization workflows.

Technical PlanningAdvanced (1 yrs)

Feature planning, estimation, technical decisions, code reviews, and team coordination.