My Work

All Projects

A collection of products, tools, and experiments I've built over the years.

Fullstack

Avvocato – AI Legal SaaS for Egyptian Lawyers

Avvocato is an Arabic-native, AI-powered legal case management SaaS platform built for Egyptian lawyers, developed as my ITI graduation project. It streamlines the full lifecycle of legal work — client intake, case tracking, scheduling, and notifications — in a fully right-to-left, Arabic-first interface. I worked across the entire stack: building the frontend architecture and Redux Toolkit state management, developing backend API controllers, implementing httpOnly-cookie authentication, and designing a cron-based notification system running on Cairo timezone. The platform also includes a tiered subscription system (Free / Pro / Enterprise) integrated with the Paymob payment gateway, and uses a MongoDB transaction pattern to guarantee atomic creation of clients and their associated cases. I handled deployment end-to-end, with the backend hosted on Railway and the frontend on Vercel.

ReactRedux ToolkitNode.jsExpress+6

View Details

Frontend

Zay-Shop

This is the 'Zay-Shop' project, which solves the challenge of building a front-end for an e-commerce store as part of the 'Career 180 Bootcamp' assignments. The project aims to apply core concepts of building an e-commerce site, including a homepage, product listings, and product details. I built this using Semantic HTML5 for structuring the shop pages and CSS3 for styling the products and implementing the attractive design. The result is a static, responsive e-commerce front-end that highlights the ability to turn an idea into a well-structured web design.

HTMLCSS

View Details

Frontend

React-Task-Management-App

This is a 'Task Management App' project, which solves the problem of efficiently tracking and organizing daily or project tasks through a simple and fast user interface. I built this using the core technology React.js to create an interactive user interface. This project specifically highlights proficiency in React State Management, enabling users to instantly and dynamically add, delete, and modify the status of tasks.

ReactJavaScriptBootstrap 5React Icons

View Details

Portfolio Dashboard – Content Management System

This is the admin dashboard that powers my portfolio site — a full stack content management tool I built to manage every piece of content shown publicly, without ever touching code or redeploying. It handles complete CRUD operations for Projects, Skills, Experience, Certifications, and Team Members, all backed by Firestore. I focused heavily on developer experience while building it: reusable components like SearchableSelect and PageHeader, complex Firestore aggregation queries with Promise.all for the dashboard's home page, and ImageKit integration with canvas-based image resizing for fast, optimized uploads. The interface is fully responsive, using container queries to handle constrained layouts cleanly across screen sizes.

ReactTypeScriptFirebaseFirestore+11

View Details

Frontend

Hepta

This is the 'Hepta' project, a multi-section landing page for a travel/booking service, built as part of the 'Career 180 Bootcamp'. It solves the challenge of creating a complex, professional-looking landing page to showcase services and facilitate bookings. I built this using HTML5, CSS3, and Bootstrap 5 for managing the layout and ensuring efficiency in responsiveness. JavaScript (jQuery) was also used for interactive elements and effects (like the slider and navbar). The result is a dynamic, Fully Responsive landing page that highlights skills in working with established CSS frameworks.

HTMLCSSBootstrap 5JavaScript

View Details

Personal Portfolio

A personal portfolio website built with Next.js, showcasing my projects, skills, and experience. Content is managed dynamically through a custom admin dashboard and pulled from Firebase, with a focus on performance and SEO.

Next.jsTypeScriptTailwind CSSFirebase+2

View Details

Fullstack

The Wild Oasis

The Wild Oasis is an internal hotel management system that streamlines hotel bookings, cabin management, and guest services. It is built with modern web technologies to provide hotel staff with an easy-to-use interface for managing all aspects of the hotel.

ReactReact QueryReact RouterStyled Components+2

View Details

Whisper - Anonymous Feedback Platform

A secure and scalable RESTful API for an anonymous messaging platform, inspired by apps like Sarahah. The platform enables users to register, generate unique profile links, and receive anonymous feedback securely. The backend is built with robust authentication, role-based authorization, data validation, and custom error handling to ensure data privacy and system stability.

Node.jsExpress.jsMongoDBMongoose+3

View Details

Frontend

Kasper

A modern website showcasing a range of artistic and design services.

HTMLCSS

View Details

1 2 3