All Projects
A deep dive into my work across various technologies and platforms.

A high-end real estate and hospitality platform built for a private Napa Valley residence. I architected the cloud infrastructure using AWS Lightsail to ensure high availability and performance. The front-end experience was crafted using WordPress and Elementor, featuring a sophisticated, multi-page architecture (The Estate, Experience, Gallery, Location) designed for high-net-worth clients. The project focuses on refined aesthetics, seamless navigation for monthly and extended stay inquiries, and full mobile responsiveness to match the luxury branding of the property.

A technical simulation platform built to replicate the TCF Canada exam environment. I developed a custom 'Exam Engine' that manages timed sessions and complex question types like MCQs, Oral comprehension, and Matching. The logic uses Next.js API routes to communicate with Supabase for real-time data storage. I integrated Stripe and PayPal to handle the payment flow: when a user pays, a database trigger automatically grants them test attempts. The app includes a Student Dashboard to review past attempts with detailed scoring and an Admin Panel to manage the question bank and track user payments.

A restaurant menu platform built for AANI & DANI using Next.js for the frontend and Laravel for the backend. The app is designed for customers inside the restaurant to browse the full menu, view food categories, check item details, and see prices in a clean and responsive interface. The Laravel backend manages the menu data and structure, while the Next.js frontend delivers a fast and smooth browsing experience. The project also includes restaurant presentation pages, giving the brand a modern digital presence.

Five Systems is a Moroccan company based in Tangier specializing in the design, installation, and maintenance of high-quality electrical, HVAC, plumbing, and fire safety systems for residential and commercial projects.

A premium e-commerce platform built on Shopify for a handcrafted ceramics brand. I managed the end-to-end store setup, including custom theme liquid modifications to align with the brand’s 'Art of Handmade' aesthetic. The project involved advanced product catalog management with complex variant pricing (Sets of 2, 4, 6, and 12), SEO optimization for artisanal keywords, and the integration of a seamless, high-conversion checkout flow. I focused on maintaining a minimalist UI/UX that reflects the organic nature of the pottery products.

SoliLMS is a secure, Laravel-powered platform for organizing, sharing, and tracking pedagogical documents and resources. It features intuitive categorization, role-based access, real-time usage dashboards, and automatic notifications for updates or new materials.

TikTok-Flow is a social media platform that allows users to upload, view, and interact with short-form videos. Features include user authentication, video uploading, likes, comments, and real-time updates powered by Firebase Firestore.

Kan-Kids is an online store for children's clothing with multilingual support (Arabic/English). Features include product catalog with size & age filters, multiple images per product, cart & checkout, WhatsApp ordering integration, admin dashboard for inventory and orders, responsive design and performance optimizations.

Dev_Adidas is a polished, mobile-first ecommerce prototype inspired by the Adidas storefront. Built with Next.js 16 and TypeScript, it reproduces the original React UI exactly while adding App Router navigation and Turbopack performance. Features include a full product catalog, product detail pages, cart flow, auth (login/register), profile and settings pages, dark/light theme with ThemeContext, bilingual support (EN / AR) via i18next, search and category filters, promotional sections (NEW COLLECTION / Trending), and responsive mobile layouts. The project preserves original CSS visuals, focuses on fast client navigation, accessibility and SEO friendly markup, and is deployed at dev-adidas.vercel.app.

The-Curated-Rank is a curated ranking platform designed to organize and showcase top lists of movies, TV shows, music, and digital content. Built with Next.js and TypeScript, the application provides an intuitive interface for browsing curated categories, exploring ranked posts, and discovering content across different genres and decades. The platform includes a dashboard for managing categories and posts, dynamic tables for ranking lists, search functionality integrated with external APIs (OMDb / TMDb), and responsive layouts optimized for both desktop and mobile users. The project focuses on clean UI/UX, modular component architecture, and scalable content management for curated media collections.

A polished watch store UI showcasing premium timepieces and curated collections. Built with Next.js and modern frontend tooling, the interface focuses on clear product discovery, advanced filtering, responsive product grids, and a streamlined product to cart flow. The design highlights featured watches, brand trust indicators, and conversion-friendly product pages while remaining fully responsive for mobile and desktop.

Futuristic transportation concept interface showcasing an advanced rail network powered by autonomous systems and renewable energy. The project focuses on modern UI design, animated sections, and interactive layouts built with Next.js and styled components, presenting a vision of high speed sustainable travel technology.
A modern motorcycle and scooter dealership website designed for a Moroccan store. The platform showcases available brands, store information, contact options, and customer services in a visually engaging interface. Built with HTML, JavaScript, and TailwindCSS, the project focuses on responsive UI, animated hero sections, multilingual support (Arabic / French), theme switching (dark/light mode), and interactive components such as maps, contact forms, and store hour tracking. The interface emphasizes accessibility, smooth navigation, and mobile friendly design to provide customers with quick access to product brands, contact information, and dealership services.
A peer to peer mobile chat application that enables offline messaging through Bluetooth connectivity. The project demonstrates device discovery, direct device communication, and real time message exchange without internet access. Built with Flutter and Dart, the application focuses on mobile interface design, Bluetooth communication handling, and lightweight offline messaging architecture for local device networks.
A mobile GPS tracking application built with Flutter that displays the real time location of the device on an interactive map. The project integrates OpenStreetMap using flutter_map and uses the Geolocator package to retrieve and stream location updates. It demonstrates mobile location services, reactive state management with GetX, and a custom iPhone style device shell used for UI testing during development. The application focuses on real time tracking, map visualization, and lightweight mobile architecture for location based apps.
A fullstack web application combining ASP.NET backend services with a modern React frontend architecture. The project demonstrates integration between a C# ASP.NET API and a React interface powered by Vite, Redux Toolkit, and TailwindCSS. It includes routing with React Router, data visualization using D3.js and Recharts, advanced form handling with React Hook Form, and smooth UI animations through Framer Motion. The platform highlights scalable fullstack structure, API driven communication, and responsive UI development.
Online chess game built with React and TypeScript, featuring custom hooks for game logic, music player integration, and responsive gameplay interface.
Dynamic project delivering anime previews and trailers using multiple APIs, fast and sleek for anime fans.
Web application for browsing, booking, and managing coworking spaces with Laravel backend and VueJS frontend. Includes user authentication, payment integration via Stripe, and admin management tools.
DevType is a fun and interactive typing game designed to help users improve their typing speed and accuracy. It features multiple versions of the game, tracking of user progress over time, and a clean, responsive interface suitable for both desktop and mobile devices. Players can challenge themselves with increasing difficulty levels, compete for high scores, and enjoy smooth animations that make practicing typing engaging and enjoyable.
FootBall App is a web application built with Laravel and Blade to manage UEFA Champions League standings. Users can view real-time team statistics including matches played, wins, draws, losses, goals, and points. The app features editable tables for admins, automatic calculation of points and goal differences, sortable standings, and quick stats cards for matchday, total goals, teams, and groups. Its modern, responsive interface includes animations, badges for top teams, and integrated Bootstrap styling for a professional look.
MarketingCom is a full-stack marketing website project that combines backend PHP scripts with a responsive frontend. It provides features to display services, marketing campaigns, and detailed service information. The frontend is built with HTML, CSS, and JavaScript, using custom fonts and styling for a modern look. The backend manages user activity, marketing data, and database connectivity, enabling a functional marketing platform for businesses to showcase their offerings effectively.
PHALCON App is an advanced web application framework built using the Phalcon PHP framework. It provides a modular and structured architecture with dedicated folders for MVC components, providers, utilities, and resources. The project includes services for routing, database access, caching, session management, logging, and view rendering. It is designed for high-performance, scalable web applications and demonstrates clean coding practices and provider-based dependency management.