Projects
Work that reflects craft, clarity, and collaboration
A mix of production platforms and personal builds that demonstrate my approach to frontend architecture, UI systems, and user-centered development.
Professional
Legal AI Platform · Elham Al-Mustaqbal
Bayin
Bayin is a legal AI platform by Elham Al-Mustaqbal, a Saudi company specializing in tech and AI solutions. The platform provides smart, multilingual legal answers based on official Saudi laws, aiming to support lawyers, investors, and individuals in alignment with Vision 2030.
Next.js 15 · TypeScript · Material UI
Syria's First Real Estate Portal · منصة عَتبة
Atabe
Developed Atabe as Syria's first specialized real estate platform. The site provides a seamless experience for searching properties for sale or rent, with advanced filtering by governorate and property type.
Next.js · React · Tailwind CSS
Personal & Learning
Task Management Application
TodoList
A task management tool with an intuitive interface for adding, editing, and deleting daily tasks. Built to help users stay organized across work assignments, personal projects, and everyday planning.
React · Zustand · Firebase
Full-Stack Blogging Platform
MERN Blog
A full-stack blogging application enabling users to create, read, update, and delete posts with authentication and a clean reading experience.
React · Node.js · MongoDB
E-Commerce Storefront
Amazon Clone
An e-commerce storefront inspired by Amazon, featuring product listings, cart management, and checkout flows with modern Next.js patterns.
Next.js · Stripe
Fitness & Workout Tracker
Gym App
A fitness application for browsing workouts, tracking progress, and managing exercise routines with a mobile-first interface.
Next.js · React
Analytics & Management Panel
Admin Dashboard
An administrative dashboard for monitoring key metrics, managing users, and visualizing data through interactive charts and tables.
React · Chart.js
Professional Network UI
LinkedIn Clone
A LinkedIn-inspired social platform UI with feed posts, profile pages, and networking features built with React and Firebase.
React · Firebase
Movie Discovery App
Movix
A movie discovery application powered by the TMDB API, allowing users to search, browse, and explore film details and ratings.
React · TMDB API
Video Streaming Interface
YouTube Clone
A YouTube-inspired video platform interface with search, video playback, and channel browsing using the YouTube Data API.
React · YouTube API
Text Summarization Tool
AI Summarizer
An AI-powered text summarization tool that condenses long articles and documents into concise summaries using modern API integration.
React · OpenAI API
Culinary Discovery Platform
Recipe App
A recipe discovery application for searching meals, viewing ingredients, and exploring cooking instructions from a recipe API.
React · Spoonacular API
Real-Time Forecast
Weather App
A weather application providing current conditions and multi-day forecasts with location-based search and clean data visualization.
React · Weather API
Personal Budget Manager
Finance Tracker
A personal finance tracker for monitoring income, expenses, and budget categories with visual spending breakdowns.
React · Chart.js
Destination Discovery
Travel Explorer
A travel discovery platform showcasing destinations, attractions, and trip planning features with an immersive visual layout.
React · REST API