Logo

frontend developer

Crafting seamless digital experiences with passion and precision. Bridging the gap between code and creativity.

Mahmoud Abu-Attiya a passionate Frontend Developer with experience in building responsive and interactive web applications.

About Me

My Name is Mahmoud Abu-Attiya but you can call me Mida. I'm a frontend developer who loves making intuitive and beautiful interfaces out of most complex problems. My specialization is in developing responsive, fast, and accessible web apps with Next.js, React, TypeScript, and Tailwind CSS.

What motivates me is writing clean code that works but also feels right in its use. Whether it's in a team setting or a feature build that I'm leading, I really care about seamless interfaces that take the experience to a step higher.

Highlights:

Built and launched several modern UIs with Next.js performance-oriented and scalable libraries.

Developed a digital menu platform for restaurants with dynamic theming, QR code generation, and item management capabilities.

Highly passionate about neat architecture, reusable components, and pixel-pushing precision.

I usually like to catch up on football, discover current UI trends, and learn something new to keep up with this fast-paced industry.

Skills

Frontend

HTML5CSS3JavaScriptTypeScriptReactNext.jsTailwind CSSRedux

UI Frameworks

Material UITailwind CSSBootstrapShadcn UI

Tools

VS CodeWebpackVite

Version Control

GitGitHub

Internationalization

i18nextnext-intlnext-translateRTL Support

Performance

LighthouseWeb VitalsCode SplittingLazy Loading

Design

Responsive DesignMobile FirstUI/UX PrinciplesAccessibility

Architecture

Component DesignState ManagementClean CodeDesign Patterns

Experience

Frontend Developer

Wesam Elagah (Full time REMOTE)
APR 2023 - OCT 2023

Refactored legacy frontend codebases using Next.js, reducing technical debt and improving maintainability. Integrated RESTful APIs and collaborated closely with backend engineers to ensure accurate data flow and error handling. Enhanced UX and scalability by implementing responsive layouts, Performance, and SEO-friendly routing.

Next.js
Tailwind CSS
REST API
JavaScript
Vercel

Frontend Developer

Orizon PR & Marketing
JUN 2022 - OCT 2023 (Freelance REMOTE)
JUN 2021 - JUN 2022 (Full time REMOTE)

Translated Figma and PSD designs into fully responsive, cross-browser-compatible web pages using HTML, SCSS, and JS. Delivered 10+ client-facing websites on time by maintaining agile communication with designers and backend teams.

HTML
JavaScript
React
Next.js
CSS3
REST API
Bootstrap
Tailwind CSS
Vercel

Projects

DG Menu

DG Menu

A sleek platform that lets restaurants create customizable digital menus, generate QR codes, and manage items with ease—all in one place.

Next.js
i18n
TypeScript
+2
Stalker Rat

Stalker Rat

An anonymous feedback platform that helps you discover your strengths and weaknesses through confidential messages from friends, family, and coworkers

Next.js
JavaScript
Tailwind CSS
Lama E-Commerce

Lama E-Commerce

Lama is a modern e-commerce platform offering seasonal sales and stylish fashion products for men and women.

Next.js
Zustand
TypeScript
+2
Brainwave - AI Platform

Brainwave - AI Platform

An AI-powered chat app that boosts productivity and creativity through smart automation, seamless integrations, and intuitive user interaction.

Next.js
TypeScript
Tailwind CSS
Arab center

Arab center

A bilingual website for the Arab Center showcasing training programs, events, and resources to enhance educational leadership across the Gulf States.

Next.js
Axios
Redux Toolkit
+1
Live Demo
Nees Dashboard

Nees Dashboard

An interactive admin dashboard providing real-time analytics, project tracking, and team performance insights for business management.

React
JavaScript
Matiral UI
More Projects

Contact

Contact