I'm A

|

Front-End web developer

turning idea into interactive reality

tech stack

HTML&CSS

Highly skilled in HTML & CSS, adeptly crafting visually appealing and responsive websites for optimal user experiences.

Javascript

Expertise in JavaScript, building interactive and dynamic web applications with a focus on seamless user interactions and functionality

React

Advanced proficiency in React, developing efficient and interactive front-end applications with a strong emphasis on component-based architecture.

NodeJs

Advanced proficiency in NodeJS, developing efficient and interactive front-end applications with a strong emphasis on component-based architecture.

TailwindCss

Advanced proficiency in Tailwindcss, developing efficient and interactive front-end applications with a strong emphasis on component-based architecture.

Nextjs

Advanced proficiency in NextJS, developing efficient and interactive front-end applications with a strong emphasis on component-based architecture.

about me

My name is abdelrahman front End web-developer , I am passionate with programming and design websites, I always try my best to provide the best experience I aim to be from the best web developers around the world.

web creations

samoulla

samoulla

E-Commerce Platform – Developed a modern, scalable e-commerce application with a strong focus on performance, SEO, and analytics. Integrated MyFatoorah payment gateway with Next.js for secure checkout, implemented client-side form validation using Formik, and managed tracking pixels (Meta, Google) for marketing optimization. Configured structured metadata (OG tags, SEO schema) and added full localization support (multi-language & RTL).Skills: React Query · Next.js · React.js · CSS · Bootstrap · Context API · Performance Optimization · SEO · Analytics Tracking · Metadata Management · Localization · MyFatoorah Payment Integration · Formik (Form Validation)

Phonex

Phonex

E-Commerce website with modern technologies and fully responsive layout ..I used stripe for payment Method with Next.js and sanity for backend to make this awesome project Skills: TypeScript · Redux-toolkit · canvas · sanity · stripe · Next.js · Redux.js · React.js · Cascading Style Sheets (CSS)

Beach Resort

Beach Resort

Beach Resort website - React website Fully Responsive Design: The website is designed to be fully responsive, ensuring a seamless user experience across all devices ,Fully Responsive Design: The website is designed to be fully responsive, ensuring a seamless user experience across all devices.React Slick: Implemented React Slick for a dynamic and interactive carousel feature.Styled Components: Utilized Styled Components for writing CSS-in-JS, allowing for a cleaner and more modular approach to styling.React Router: Integrated React Router for efficient and smooth navigation between pages.User Authentication: Developed a login page to enhance user experience and security.Room Filtering: Added a filter feature for rooms, enabling users to easily find the perfect accommodation.Dark Theme: Incorporated a dark theme option, providing users with a choice of display preferences.

Toyor Aljannah

Toyor Aljannah

Toyor Aljannah is E-Commerce website with fully responsive layout skills : Html ,css ,Bootstrap ,wow.js, javascript ,jquery

Face recognation

Face recognation

A Full Stack React.js website , I used clarifai API for artificial intelligence to identify and detect faces in images , sign in and register form that manage by Node.js backend server which connected to database that dealing with each user account .A Full Stack React.js website , I used clarifai API for artificial intelligence to identify and detect faces in images , sign in and register form that manage by Node.js backend server which connected to database that dealing with each user account . Skills: react hook form · clarifia API · Node.js · Back-end · tachyons · react parallax tilt · React-particles-js · React Hooks · React.js

Tours

Tours

simple React UI interface website with Tours API that use React hooks (usestate) to manage state in this webpage that web have three component Tour ,Tours ,Loading .jsx skills: React.js ,React Hooks , vite, Rest API ,

Reviews

Reviews

simple React UI interface website that navigate with Reviews on each person Nex and prev with responsive layout skills : React.js , React Hooks ,React icons , Css.

robofriends

robofriends

React website that render an arrays of robots and search about them by email & name skills with fully responsive layout : React.js ,Rest Api ,Tachyons ,css ,React hooks , state management .

Weather app

Weather app

React.js website that connected to Weather API for get the weather info of the cites all over the worldReact.js website that connected to Weather API for get the weather info of the cites all over the world Skills: weather API · CSS · Html form · React.js.

Birthday Buddy

Birthday Buddy

React.js website Skills: React Hooks .javascript . CSS · State management · React.js.

Accordion

Accordion

React.js website skills: Reactjs .State management . javascript . css . React Hooks

Menu

Menu

React.js website skills: Reactjs .State management . javascript . css . React Hooks

Youtube Form

Youtube Form

React.js webpage Skills: React Hook form .javascript . CSS · Error massege · React.js.

Gallery image

Gallery image

Responsive Html Gallery image page that display images with hover skills: Html . CSS .

Background generator

Background generator

html page can generate 2 colors skills: Html . CSS .javascript

Startup page

Startup page

html interface page design skills: Html . CSS .javascript,Error Massege