Elevate Your Web Presence with Next.js

A passionate Front-End Developer crafting beautiful web experiences.

Hi! I’m Abdulatif, a Front-End Developer.

About Me

I prioritize client collaboration, fostering open communication. I'm very flexible with time zone communications and constantly try to improve. Tech enthusiast with a passion for development.

Core Values

Open communication and collaboration
Flexibility with time zones and schedules
Continuous improvement and learning
Delivering seamless, user-friendly experiences

My Approach

Staying Updated with Industry Trends

I continuously explore the latest trends in web development, UI/UX design, and front-end technologies. I actively engage with the tech community and take online courses to keep my skills sharp and relevant.

Development & Progress Update

Once we agree on the plan, I cue my lofi playlist and dive into coding. From initial sketches to polished code, I keep you updated every step of the way.

Proactive Learning and Exploration

I actively explore new tools and frameworks, mastering Figma for design or diving deeper into TypeScript for better code quality. I ensure I can adapt to any new challenge and build versatile, high-quality solutions.

My Tech Stack

A collection of technologies I work with to design, develop, and deploy high-quality solutions.

HTML

CSS

JavaScript

TailwindCSS

Bootstrap

Figma

React.js

Next.js

WordPress

Git

GitHub

✨ Portfolio Showcase

Featured Projects

Explore a curated collection of innovative projects showcasing cutting-edge web technologies, creative design, and seamless user experiences.

Coza Store

A modern e-commerce platform built with HTML, CSS, and Bootstrap, featuring a sleek interface and smooth user interactions with jQuery. Offers fast browsing, secure checkout, and an intuitive shopping experience for customers.

5.0

htmlcssbootstrapjs+1

View Project

AniWatched

A minimalist web application for anime enthusiasts to track watched shows. Built with Tailwind CSS and jQuery, it prioritizes simplicity and speed, providing a distraction-free interface for managing personal anime libraries.

5.0

htmlcssTailwind CSSbootstrap+2

View Project

Dr. Abdel-Moneim's Clinic

Bowmen marketing

A professional mental health clinic website providing comprehensive information about services, treatment options, and appointment booking. Built with React and Next.js, featuring smooth animations and bilingual support for accessibility.

5.0

reactnext.jsTailwind CSSframer-motion+2

View Project

Medizen Medical Website

Bowmen marketing

A responsive medical website powered by WordPress REST API, delivering real-time healthcare services, detailed treatments, and bilingual support. Features smooth animations and a modern design for seamless user engagement.

5.0

reactnext.jsTailwind CSSframer-motion+2

View Project

Hayah Ava Healthcare

Bowmen marketing

A sleek healthcare platform integrated with WordPress, offering real-time medical services, appointment booking, and comprehensive health information. Built with modern animations and bilingual interface for better accessibility.

5.0

reactnext.jsTailwind CSSframer-motion+2

View Project

Next Travel

Bowmen marketing

A comprehensive travel platform connecting travelers with beautiful destinations and personalized experiences. Features real-time booking, travel recommendations, and an intuitive interface powered by modern web technologies.

5.0

reactnext.jsTailwind CSSframer-motion+2

View Project

Renova

Bowmen marketing

Renova Clinic is a Cairo-based plastic surgery center offering advanced aesthetic treatments, including body contouring, facelifts, and scar revision, in a modern medical setting.

5.0

htmlTailwind CSSphpwordpress

View Project

Neuro Bridge

An innovative healthcare platform focusing on neurology and wellness services. Built with modern tech stack, it provides detailed information about neurological treatments, specialist consultations, and patient management.

5.0

reactnext.jsTailwind CSSframer-motion+1

View Project

Nova Space

An immersive space exploration website featuring stunning 3D visuals and interactive elements. Powered by Three.js, it educates users about universe exploration and astronomy with smooth animations and captivating design.

5.0

reactnext.jsTailwind CSSframer-motion+1

View Project

Voyage AI

An AI-powered travel planning platform offering personalized itinerary recommendations, real-time travel assistance, and destination insights. Designed with intuitive navigation to revolutionize how travelers explore the world.

5.0

reactnext.jsTailwind CSSframer-motion+1

View Project

My Skillset

A refined collection of technologies and tools I master to craft modern, high-quality user experiences.

HTML

CSS

Tailwind CSS

Bootstrap

JavaScript

jQuery

TypeScript

React

Next.js

Git

GitHub

RESTful APIs

WordPress

C++

MySQL

Figma

UI/UX Design

Responsive Design

Problem Solving

SEO Basics

Continuous Learning

Creative Thinking

Component Libraries

Animation and Motion Design

My Work Experience

Frontend Engineer Intern

Assisted in the development of a web-based platform using React.js, enhancing interactivity.

UseFigma & Design

UI/UX Designer

Leveraging Figma for UI/UX design, I created responsive and user-centric layouts, focusing on simplicity and functionality. My work involved wireframing, prototyping, and visual design to bring ideas to life with an emphasis on user experience.

Idea Generation & Creativity

Creative Contributor

I played an active role in brainstorming sessions, where I generated innovative ideas and conceptualized creative solutions for projects. Whether it was for e-commerce platforms or mental health clinics, I ensured that every design and feature aligned with the client’s vision.

GitHub & Git

Version Control Collaborator

I utilized Git and GitHub for version control, collaborating with team members and ensuring efficient code management and integration. Regular commits, branching, and pull requests helped maintain a smooth workflow across projects.

Contact Me

Ready to elevate your brand or start a new project?
Let’s connect and build something amazing together.

Download CV