Ahmed Lotfi | Frontend Developer & Software Engineer | React, Next.js, ITI Alumni

Frontend Developer

Hi, I'm Ahmed Lotfi

I specialize in crafting high-performance, enterprise-grade frontend solutions with a focus on clean architecture, exceptional user experience, and scalable codebases.

Tech Stack

Next.js
React
TypeScript
TailwindCSS
Node.js
Express.js
Ahmed Lotfi Frontend Developer Portfolio
Available for Hire

Get to know me

About Me

Ahmed Lotfi Software Development, ITI Training, and ERP Enterprise Solutions

Frontend Developer

Crafting Digital Experiences with Purpose

I'm a passionate Frontend Developer based in Egypt with a deep focus on building scalable ERP systems and modern web applications. My journey in web development has been driven by a commitment to creating solutions that are not just functional, but truly exceptional.

20+

Projects Delivered

2+

Years Experience

15+

Happy Clients

My Mindset

I believe that great software comes from a combination of technical excellence and understanding business needs. Every line of code I write is crafted with scalability, maintainability, and user experience in mind.

My Approach

When building complex systems like ERPs, I focus on modular architecture, reusable components, and clean separation of concerns. I ensure that applications can grow with the business, handle multi-language support, and provide role-based access control out of the box.

What I bring to the table

Skills

A showcase of my technical expertise and the tools I use to build robust applications.

95%

React

Building dynamic and interactive UIs with React and its ecosystem.

95%

Next.js

Crafting high-performance, SEO-friendly React applications.

90%

TypeScript

Ensuring code reliability and maintainability with static typing.

95%

JavaScript

Core language for web development with modern ES6+ features.

95%

HTML5/CSS3

Structuring and styling web content with semantic HTML and modern CSS.

90%

Zustand

Lightweight and efficient state management for React apps.

85%

Redux Toolkit

Predictable state container for large-scale applications.

85%

React Query

Powerful data fetching and caching for server state.

90%

Context API

Built-in React solution for sharing global state.

95%

TailwindCSS

Rapidly building custom designs with utility-first CSS.

90%

CSS Modules

Scoped and modular CSS for component-based styling.

80%

Styled Components

Writing CSS-in-JS for flexible and dynamic styling.

85%

Sass/SCSS

Enhancing CSS with variables, nesting, and mixins.

85%

Framer Motion

Creating smooth and engaging animations for the web.

85%

Clean Architecture

Designing scalable and maintainable system architectures.

90%

Component Design

Creating reusable and accessible component libraries.

90%

API Integration

Connecting frontends with backend services seamlessly.

85%

Performance Optimization

Optimizing web applications for speed and efficiency.

80%

Accessibility (a11y)

Ensuring websites are accessible to all users.

90%

Git/GitHub

Version control and collaborative development with Git.

95%

VS Code

My primary code editor for efficient development.

75%

Figma

Designing and prototyping modern user interfaces.

85%

Postman

Testing and documenting APIs during development.

90%

Vercel

Deploying and hosting modern web applications.

95%

Node.js

Building scalable backend services and CLI tools.

90%

Express.js

Fast and minimalist web framework for Node.js.

75%

MongoDB

NoSQL database for flexible data storage.

85%

PostgreSQL

Robust relational database for structured data.

90%

Nest.js

Progressive Node.js framework for efficient server-side apps.

Selected work that showcases my expertise

Featured Projects

Vooc Stores

A production-ready E-commerce platform built with Laravel and MySQL, serving real customers and handling live orders. Contributed to developing and improving the frontend experience while ensuring smooth integration with backend APIs and business logic.

Technologies Used

PHPLaravelMySQL

Challenges Solved

Integrated frontend components with Laravel APIs, handled dynamic product and cart state updates, optimized performance for product-heavy pages, and ensured responsive UI consistency across devices.

Gazhome

A modern admin panel built with React and TypeScript for managing users, content, and operational data. Designed with reusable components and structured architecture to support scalability and maintainability.

Technologies Used

ReactTypeScriptTailwindCSSFramer Motion

Challenges Solved

Implemented advanced filtering and dynamic tables, managed complex form validation logic, structured scalable state management, and enhanced UI interactions using smooth animations.

Wasaya Tawfik

A fully localized corporate website with complete Arabic and English support. Focused on delivering a clean user experience with proper RTL/LTR layout handling and optimized performance.

Technologies Used

React.jsTailwindCSSFramer Motion

Challenges Solved

Built a flexible internationalization setup, handled RTL/LTR layout switching, optimized SEO structure, and ensured accessibility and performance best practices.

Ecommerce Shop

A responsive E-commerce frontend application showcasing product browsing, cart management, and checkout flow. Built to simulate real-world shopping experiences using modern React architecture.

Technologies Used

React.jsTailwindCSSFramer Motion

Challenges Solved

Managed global cart state efficiently, optimized rendering for product lists, implemented reusable UI components, and ensured clean project structure for scalability.

My professional path

Experience Journey

Frontend Developer

Current

National Quality

Feb 2026 - Present

Leading frontend development for enterprise ERP solutions, architecting scalable systems, and mentoring developers.

  • Architected a modular ERP system serving 50+ businesses
  • Established frontend best practices and component library

Software Engineer Trainee

Information Technology Institute (ITI)

Oct 2025 - Present

Participating in the 9-Month Professional Training Program, focusing on full-stack web development using modern technologies including React, Next.js, Node.js, and SQL. Gaining hands-on experience through intensive labs, real-world projects, and team-based development.

  • Developed multiple web applications and dashboards as part of practical labs and projects
  • Built a full-stack graduation project following Agile methodology and clean architecture principles
  • Strengthened skills in problem-solving, data structures, OOP, and software engineering best practices

Junior Frontend Developer

Vooc Stores

July 2025 - Oct 2025

Contributed to the development and launch of a production E-commerce platform, building scalable and high-performance user interfaces using React and modern frontend technologies. Collaborated closely with backend and design teams to deliver a seamless shopping experience.

  • Developed and optimized key E-commerce features including product listings, cart, checkout, and authentication
  • Successfully launched the platform to production, contributing to increased sales and improved user engagement

How I can help you

Services

Frontend Development

Building modern, responsive, and performant web applications using cutting-edge technologies and best practices.

  • React & Next.js Applications
  • TypeScript Development
  • Responsive Design Implementation

ERP Interface Development

Specialized in creating user-friendly interfaces for complex business systems that simplify operations and boost productivity.

  • Custom Module Development
  • Role-Based Access Systems
  • Multi-Language Support

Dashboard Systems

Designing and developing data-driven dashboards with real-time updates, interactive charts, and actionable insights.

  • Real-Time Data Visualization
  • Interactive Analytics
  • Custom Reporting Tools

Performance Optimization

Analyzing and optimizing existing applications to achieve better load times, smoother interactions, and higher conversion rates.

  • Code Splitting & Lazy Loading
  • Bundle Size Optimization
  • Core Web Vitals Improvement

Exploring UI interactions, drag & drop architecture, and state logic.

Interactive Playground

Moves0

Drag and drop the tiles to reconstruct the React logo

This demo showcases React state logic combined with native Browser Drag & Drop API. Each tile's position is tracked in real-time to detect the puzzle's solution.

Powered by AI

Ask Me About Ahmed

AI Assistant

Usually responds instantly

Hi! I'm Ahmed's AI assistant. Ask me anything about his experience, skills, or projects.

AI can make mistakes. Consider verifying important information.

Let's work together

Get In Touch

Have a project in mind or want to discuss opportunities? I'd love to hear from you. Let's create something amazing together.

Location

Egypt

Social