Projects

A collection of projects showcasing my skills in full-stack development, AI integration, and modern web technologies.

Featured Projects

Image 1 of 6
1 / 6
Active
Advanced Chatbot
06-2025
Hamza AI – Advanced Next.js Chatbot with Groq AI Integration A cutting-edge AI chatbot built with Next.js 14 (App Router) and powered by Groq's ultra-fast LLM inference, enabling real-time, feature-rich conversations with customizable AI models. ✨ Key Features ✅ Multi-Model Support – Choose between Groq-powered models (Mixtral, Llama 3, Gemini) for varied responses. ✅ Conversation Persistence – Save, revisit, and continue chats with full history. ✅ Audio Playback – Listen to AI responses with text-to-speech (TTS). ✅ Modern UI/UX – Sleek, responsive interface with dark/light mode. ✅ Rate Limiting & Security – Protected API routes with JWT-based auth.
Typescript
NextJs
Tailwindcss
Groq
Image 1 of 3
1 / 3
Active
OS Config Details App
05-2025
A Next.js application that shows real time details about the current user and diagnostics operator system
Typescript
NextJs
Tailwindcss
Framer Motion
Image 1 of 6
1 / 6
Active
Crypto Web Marketplace Next.js + Web3
03-2025
A crypto marketplace enabling users to buy and exchange digital assets with fiat (Stripe, PayPal) or crypto wallets, featuring real-time pricing, secure KYC, and instant settlement. A Next.js-based Web3 platform offering seamless wallet integration, token swaps, DeFi interactions, and real-time transaction tracking on the blockchain.
NextJs
Shadcn
Paypal payment
Stripe payment
Web 3
Wallet connection
Image 1 of 10
1 / 10
In Progress
Slack Clone App
11-2024
A real-time messaging platform Cloned from Slack. Built With NextJs and Convex db and Clerk still in development. Features include direct messaging, channels, emoji reactions, and file sharing capabilities.
NextJs
Typescript
Tailwindcss
Convex
Clerk
Image 1 of 9
1 / 9
Active
Ecommerce Platform
09-2024
A full-stack e-commerce application to command and buy a variety of products in different categories with AI-powered, a chatbot and technical team assist for product recommendations, real-time inventory management, and secure payment processing.
ReactJS
Typescript
Tailwindcss
Image 1 of 34
1 / 34
Archived
B2b Alive Ltd
01-2022
Developed and maintained important features for the application within the advertising and visual content display sector, utilizing a full-stack approach encompassing front-end and back-end development. Key contributions include: Front-End Development (React, TypeScript): Designed and implemented responsive, interactive user and administrator interfaces using React and TypeScript. Integrated with various cloud services (AWS, Google Cloud, Azure) including AI/ML APIs (OpenAI, Google Gemini, Azure Vision) for image recognition, translation, and intelligent recommendations. Back-End Development (Node.js, GraphQL, MongoDB): Built and maintained scalable and efficient back-end services using Node.js (Express/Koa), GraphQL (Apollo Server), and MongoDB. Developed and optimized GraphQL schemas and resolvers, improving data retrieval performance. Data Management & Search: Implemented robust data management solutions using MongoDB, leveraging Elasticsearch and Algolia for optimized search and retrieval. Utilized Redis and BullMQ for caching and queue management to enhance application speed and efficiency. Media Integration & Processing: Integrated Adobe Stock and Shutter Stock APIs for media asset acquisition. Leveraged AWS services (S3, MediaConvert, IAM) for asset storage, transcoding, and video processing. Testing & Quality Assurance: Conducted thorough unit testing (Jest) and ensured robust GraphQL mutation handling for optimal HTTP request performance. Proactively identified and resolved bugs to maintain application stability.
ReactJS
Typescript
KoaJs
MongoDb
Redis
Google Cloud
Google Maps
Tailwindcss
Elasticsearch
Bitbucket
Microsoft Azure
Amazon Aws
NodeJS
Material Ui

Other Projects

Financial Dashboard - Real-time Crypto & Stock Market Data
06-2025
Financial Dashboard - Real-time Crypto & Stock Market Data
Track cryptocurrency prices, stock market data, and convert currencies in real-time with interactive charts and live updates. Keys: cryptocurrency, bitcoin, ethereum, stock market, currency converter, financial dashboard, real-time data
NextJs
OpenAi
Finance
+1
Poetry Generator App
05-2025
Poetry Generator App
A Next.js application that allows user to generate poetry using ML and AI suggestions by theme, subject and short description
Typescript
NextJs
Tailwindcss
+1
Machine learning Csv files data analytics app
05-2025
Machine learning Csv files data analytics app
A web application that let user upload his personal csv files for analyzing data and return results in readable different charts for analytics
NextJs
Upload Api
Shadcn Charts
+2
Tic Tac Toe Game
05-2025
Tic Tac Toe Game
A Next.js-powered Tic tac toe complete game where the user can play versus another human or versus a bot, and the app will save the score between the two until he reset the score with button, with cool animation and colorful alerts
Typescript
NextJs
Tailwindcss
+1
Disney Kids App
04-2025
Disney Kids App
A web application to show disney movies and series for kids with recommendations feature with AI
NextJs
OpenAi
Tmdb
MoviesDB App
02-2025
MoviesDB App
A full movies web responsive application built with NextJs, Graphql, Tmdb api, Shadcn, Tailwindcss
ReactJS
Typescript
Tailwindcss
Mini Memory Game
02-2025
Mini Memory Game
Built an engaging memory card game featuring: - Card matching gameplay - Score tracking system - Timer functionality - Game statistics - Responsive design - User-friendly interface
NextJs
Typescript
Tailwindcss
Second Portfolio
12-2024
Second Portfolio
Developed this older portfolio with NextJs and typescript , this project show my career as web developer and showcase my skills and projects as senior fullstack web developer and ui/ux designer, this project has cool UI design and colors
ReactJS
Typescript
Tailwindcss
Resume Builder App
12-2024
Resume Builder App
Built a next js application that help user to create his resume by walking him through the steps with ease and simplicity with the possibility to use ai generator, generate and correct typed text in each section only if he upgrades his plan and buy premium features
NextJs
Typescript
PostgreSql
+5
Spotify Clone App
11-2024
Spotify Clone App
A Clone of spotify application Built With NextJs and Spotify Api
NextJs
Typescript
Tailwindcss
Weather Application
10-2024
Weather Application
A weather application that i developed with NextJs and typescript and Shadcn-ui charts to show needed informations about weather on specific location with cool charts and graphs. This project allow user to get weather details like (temperature, humidity, pressure, wind speed, clouds) depending on searched location with selecting country and city in the world
NextJs
WeatherApi
Typescript
+1
AI Assistant App
08-2024
AI Assistant App
A web application that provide IA services for user that uses advanced tools to assure the most accurate response for any question depending on the context of subject
NextJs
OpenAi
Langchain
Notion Clone App
05-2024
Notion Clone App
A web application represents a clone of notion ai website from initial design and front-end development to back-end implementation and deployment
NextJs
Typescript
Tailwindcss
Quran Web App
04-2024
Quran Web App
Built an application to listen to quran with different reciters audio
NextJs
Typescript
Tailwindcss
Restaurant POS Admin App
04-2024
Restaurant POS Admin App
A Next.js-powered POS system with dynamic menu management, real-time order processing, integrated payment handling, table/staff management, and detailed sales analytics.
Typescript
NextJs
Tailwindcss
+1