PROJECTS
Deep-dive into my technical workspace. A collection of engineered solutions, experimental interfaces, and digital architectures.
Nonnaa's kitchen
it is a ready for production full stack application that is basically a dynamic restaurant website to make orders or reservations with admin dashboard to manage menus and info and more
POC cashier system
A high-performance, offline-first Point of Sale (POS) system built with Electron, React, and NestJS. This desktop application provides a complete retail management solution with real-time inventory tracking, multi-user support with role-based access control, and comprehensive sales reporting. Key Features: Offline-First Architecture: Fully functional without internet connectivity using local MySQL database Modern Tech Stack: Built with Electron for cross-platform desktop deployment, React for responsive UI, and NestJS for robust backend services Performance Optimized: Implements advanced caching strategies, database indexing, and IPC batching for 60-70% faster operations Multi-Language Support: Full internationalization with RTL support for Arabic and English Hardware Integration: Native printer support and cash drawer control with simulation mode for development Role-Based Access: Secure authentication system with Admin, Manager, and Cashier roles Comprehensive Reporting: Daily sales analytics, inventory management, and order tracking with visual dashboards Shift Management: Automated shift scheduling and per-shift order numbering for organized operations
victoria clothes brand
Victoria Fashion A full-stack fashion e-commerce app built with Next.js 16, MongoDB, and Tailwind CSS. Supports Arabic/English (RTL/LTR), PWA install, Cloudinary image uploads, Facebook video embeds, and a full admin dashboard.
MinaTech
🧩 UI Components (shadcn/ui) Layout: Card, Separator, Aspect Ratio, Resizable Panels Forms: Input, Textarea, Select, Checkbox, Radio Group, Switch Feedback: Alert, Toast (Sonner), Progress, Skeleton Navigation: Breadcrumb, Menubar, Navigation Menu, Pagination Overlay: Dialog, Sheet, Popover, Tooltip, Hover Card Data Display: Badge, Avatar, Calendar 📊 Advanced Data Features Tables: Powerful data tables with sorting, filtering, pagination (TanStack Table) Charts: Beautiful visualizations with Recharts Forms: Type-safe forms with React Hook Form + Zod validation 🎨 Interactive Features Animations: Smooth micro-interactions with Framer Motion Drag & Drop: Modern drag-and-drop functionality with DND Kit Theme Switching: Built-in dark/light mode support 🔐 Backend Integration Authentication: Ready-to-use auth flows with NextAuth.js Database: Type-safe database operations with Prisma API Client: HTTP requests with Fetch + TanStack Query State Management: Simple and scalable with Zustand 🌍 Production Features Internationalization: Multi-language support with Next Intl Image Optimization: Automatic image processing with Sharp Type Safety: End-to-end TypeScript with Zod validation Essential Hooks: 100+ useful React hooks with ReactUse for common patterns
Real estate website
it is a full stack real estate website with admin dashbaord and dealer accounts where delears can request to add units and admin should accept them or not and it was for a customer on upwork from pakisatn and you can try it here in the link below
Chat Application
I’ve successfully built a complete full-stack web Chat application using: 🔹 React.js and Tailwind CSS for the front end 🔹 Express.js and MongoDB for the back end 🔹 Web Socket for real-time communication and as a signaling server for my RTCP video/audio calls It is really massive project with most of chatting apps features that took me a while to program
Nextjs Analyzer
A powerful library to analyze Next.js applications, generate documentation, and perform security analysis. Designed to be clean, scalable, and extensible for public use. Features Route Discovery: Automatically scans Next.js projects (both Pages Router and App Router) to discover all routes and API handlers Documentation Generation: Generates comprehensive API documentation in multiple formats (Markdown, HTML, JSON) Security Analysis: Identifies security vulnerabilities and bad practices using built-in rules Plugin System: Easily extensible via plugins to add custom rules and documentation formatters CI/CD Integration: Seamlessly integrates into CI/CD pipelines with SARIF output and exit codes
Skelton auto generation
A TypeScript-based CLI tool that statically analyzes React/Next.js projects using AST parsing to automatically generate skeleton (loading) placeholder components that mirror the original UI's layout and styling. Features 🔍 Static Analysis - Uses AST parsing to analyze React/Next.js components 🎨 Layout Preservation - Maintains original component structure (flex, grid, padding, margin, etc.) ⚡ Data-Fetch Detection - Identifies components with data fetching patterns 🎭 Multiple Styling Systems - Supports Tailwind CSS, CSS Modules, Styled Components, Emotion 🔌 Plugin Architecture - Extensible styling adapter system 📦 Zero Runtime Dependencies - Generated skeletons are pure React components
Anba-arsani meeting managment application
a web based mobile first application to manage a meeting group named arsani and it is used to take attendance ,follow birthdays and manage trips it is working perfectly on mobile phones and support pwa so that you can install it and it deals with many data imports and exports
dentist clinic
it is a simple clinic website it was the demo website but feels very good and i put good effort to it later
Master steps website
Master Steps is a modern e‑commerce web app. It sells IT hardware and software, providing customers with a fast, responsive storefront, shopping cart, secure checkout, order tracking, and user accounts. The platform includes a full-featured admin dashboard for managing products, inventory, orders, and customers, with data persisted in a database for reliability and scalability. and is optimized for SEO
My Old Portfolio Website
Modern full-stack portfolio website . Features smooth animations, dark mode, and responsive design. my backend free tier is ended so you just see the frontend features only I will fix this soon
DDTC website
it is a simple demo for my customer to make a website for a famous light current company in egypt it is smooth well designed and have unique feeling
Cisco CRM
it is an integration system using cisco IP phones and CUCM to manage customers services in real time with role based access manager , supervisor and agents so that he can overview his agents and customers and devices status and manage user interactions .. agents can answer , hold , transfer record calls from the GUI react app
Church CRM
Empowering Churches, Connecting Communities. A modern web platform where churches can easily reach members, share Coptic Church news, lessons, events, and polls. Members join churches and communities, interact with posts, schedules, and teachings, and fully customize their profiles. Church admins oversee all activities, while sub-admins manage their communities, approve members, track attendance, and access powerful dashboards. role based dashboards and privacy with solid double validation in the frontend and at the backend with email services and login system it is robust system that is ready for production with Ai API integration to answer lessons questions and curser based infinite scrolling pagination and database indexing for smooth user experience with all search and filters utilities
Spectrophotometer control async webpage
it is a webpage that controls some hardware and displays the results. it was made from scratch using pure CSS html and JS . we programmed its server side using C++ on a microcontroller called ESP32 it was wonderful experience that encouraged me to continue in the full stack web development and the IOT tracks we spend a year to design it from scratch and integrate it with the hardware was really challenging