Marwan Atef - Front-End Engineer

Hi, I’m Marwan Atef 👋

I build modern, fast, and responsive web applications using Next.js, React, and TypeScript.

About Me

I’m Marwan Atef, a passionate Front-End Engineer who loves turning complex ideas into simple, elegant user interfaces.

I enjoy building fast, modern web applications with a strong focus on clean architecture, seamless UX, and performance.

UI/UX Design

Clean Code

Performance

Responsive Design

My Skills

Technologies I use to craft modern, responsive, and dynamic web apps.

React

Advanced

Next.js

Advanced

TypeScript

Intermediate

JavaScript

Advanced

HTML

Advanced

CSS

Advanced

MUI

Intermediate

Tailwind CSS

Advanced

Git

Intermediate

Redux

Intermediate

🐻

zustand

Intermediate

Framer Motion

Intermediate

Projects

Some of my favorite projects — built with passion, performance, and clean design.

SadManga

A manga reading website powered by the MangaDex API. Includes search, chapter reading, and responsive design for mobile and desktop.

ReactAPI Integration

Live Demo GitHub

Postflow Social Media App

A responsive social media web app built with Next.js, MUI, and API integration. Users can register, log in, create posts, comment, and view profiles.

Next.jsMUIAPI Integration

Live Demo GitHub

Islamic Prayer Times

Displays daily Islamic prayer times using a public API, with beautiful Islamic-themed design and location-based detection.

JavaScriptAPI

Live Demo GitHub

City Weather App

A real-time weather app fetching live data by city name using JavaScript and a public API.

JavaScriptAPI

Live Demo GitHub

Hangman Word Game

A fun and interactive word guessing game with categories, scoring, and animations — built using JavaScript.

JavaScript

Live Demo GitHub

Simple Calculator

A clean and functional calculator built with HTML, CSS, and JavaScript supporting all basic arithmetic operations.

HTMLCSSJavaScript

Live Demo GitHub

Bootstrap Landing Page

A modern and responsive landing page template created with HTML, CSS, Bootstrap, and JavaScript.

HTMLCSSJavaScriptBootstrap

Live Demo GitHub

HTML & CSS Template 2

A modern responsive template showcasing clean layout, typography, and advanced CSS techniques.

HTMLCSS

Live Demo GitHub

HTML & CSS Template 1

A simple, elegant HTML and CSS project focusing on structure, layout, and responsive design.

HTMLCSS

Live Demo GitHub

Let’s Talk

Have a project in mind or just want to say hi? Fill out the form and I’ll get back to you.

Contact Information

Email

marwanatef54@gmail.com

Phone

+201148763929

Location

Ismailia, Egypt