My Projects

Coffee Shop Website (React + Vite)

Coffee Shop Website (React + Vite)

Description: A fully responsive Coffee Shop website built with React and Vite, featuring a modern dark theme with orange accents. The site includes a dynamic menu section, an auto-play testimonials slider powered by Swiper.js, a support ticket contact form, and a newsletter subscription section.

React Vite Tailwind CSS Swiper.js React Icons AOS Responsive Design Dark Theme
Cyber Security Crypto Toolkit (Flask)

Cyber Security Crypto Toolkit (Flask)

A Flask-based cryptography playground that lets users encrypt/decrypt text using classic and modern algorithms (Caesar, Hill, AES, DES, and RSA), with key generation and clear output formatting for learning and experimentation.

Python Flask Cryptography PyCryptodome NumPy AES DES RSA Caesar Cipher Hill Cipher
E-commerce Store (Vanilla JS + FakeStoreAPI)

E-commerce Store (Vanilla JS + FakeStoreAPI)

A vanilla JavaScript e-commerce store that fetches products from FakeStoreAPI, supports search/filter/sort, dark mode persistence, and a full cart experience (quantity control, remove with confirmation, totals) using LocalStorage and SweetAlert2.

HTML CSS JavaScript Fetch API DOM LocalStorage SweetAlert2
Arabic E-commerce Store (Vanilla JS)

Arabic E-commerce Store (Vanilla JS)

An Arabic (RTL) e-commerce front-end built with HTML, CSS, and vanilla JavaScript. It features category filtering, a cart sidebar with live totals, a product details modal, and a Typed.js animated hero subtitle.

HTML CSS Responsive Design RTL UI Clone Font Awesome Google Fonts
Khamsat Clone (Static Marketplace UI)

Khamsat Clone (Static Marketplace UI)

A responsive front-end clone inspired by the Khamsat marketplace homepage, built with HTML and CSS. It features an Arabic RTL layout, a hero search section, service categories, featured gig cards with ratings/prices, and a multi-column footer.

HTML CSS Bootstrap Responsive Design Bootstrap Grid Landing Page Font Awesome Video
Destiny App Landing Page (Bootstrap)

Destiny App Landing Page (Bootstrap)

A responsive Bootstrap landing page for an app concept called “Destiny”, featuring a hero section with a CTA, feature highlights, media sections, pricing plans, and a footer—built to practice the Bootstrap grid system and component-style layouts.

HTML CSS Bootstrap Responsive Design Bootstrap Grid Landing Page Font Awesome Video
Facebook UI Clone (HTML & CSS)

Facebook UI Clone (HTML & CSS)

A responsive Facebook-inspired UI layout built with HTML and CSS, featuring a top navigation bar, left sidebar shortcuts, stories row, “create post” composer, a posts feed, and a right sidebar for sponsored content and contacts.

HTML CSS Responsive Design UI Clone Layout Flexbox Font Awesome Vercel

ContactMe

Have a question or want to work together? Send me a message using the form below.