Profile

Hi, I'm Youssef

Frontend Developer (React, Next.js) | Computer Science Student, Welcome to my digital forge! crafting ideas into reality.

Featured Projects

Tashtiba Multi-Vendor E-commerce

Tashtiba Multi-Vendor E-commerce

A fully functional multi-role E-commerce platform with three main roles: End User, Vendor Admin, and Super Admin. Features include role-based routing, multi-language support, reusable components, and React Query integration.

React.jsTypeScriptTailwind CSSReact Queryi18nextContext API
Digital Electronics E-commerce

Digital Electronics E-commerce

A responsive e-commerce platform for digital products with Firebase authentication, realtime database, Redux for global state management, and shopping cart system.

React.jsTailwind CSSReduxFirebase
Techayo E-commerce

Techayo E-commerce

An early-stage e-commerce project featuring product browsing and cart management. Built with Redux for state handling and Bootstrap for styling.

React.jsReduxBootstrap
Vanilla JavaScript Shopping Cart

Vanilla JavaScript Shopping Cart

A simple shopping cart application built using plain JavaScript, HTML, and CSS with dynamic cart logic and responsive design.

HTMLCSSJavaScript
Word Guessing Game

Word Guessing Game

A word guessing game fetching words from JSON file with input validation, attempts counter, and real-time feedback.

HTMLCSSJavaScriptJSON
Advice Generator App

Advice Generator App

A mini web app that fetches and displays random advice using a public API. Built with vanilla JavaScript and styled with CSS.

HTMLCSSJavaScriptPublic API
Kasper Website Template

Kasper Website Template

A responsive multi-section website template built using HTML, CSS, and JavaScript with smooth scrolling and interactivity.

HTMLCSSJavaScript
Home News Page

Home News Page

A static news homepage layout designed with HTML, CSS, and JavaScript. Includes article previews, categories, and basic interactivity.

HTMLCSSJavaScript

Latest Blog Posts

Closure Demystified: The Behind-the-Scenes JavaScript You Don't See

Learn the concept of Closure in JavaScript in a simple and practical way. A detailed explanation with real-life examples shows how Closure works behind the scenes and its most important programming uses, such as data hiding, state management, and async handling.

3/18/20249 min read

Subscribe to My Newsletter

Get the latest updates on my projects, blog posts, and tech insights delivered straight to your inbox.