Back to portfolio

All Builds

A curated preview of 12 production-style React and Next.js builds — including personal projects and selected freelance work. 15 live apps, each with mockups and feature docs. A sample of what's been built, not the full picture.

12 projects15 live appsMockups ready to expand
DineIntel — discover: personalized home, restaurant details, search, and a keyless mapRestaurant discovery & social dining

DineIntel — Smart Dining & Social Food

A Flutter dining companion: personalized restaurant discovery, an AI dish-modification engine with nutrition insights, group outings with live voting, and an Epicurean Concierge chatbot — shown here as a Flutter-web build with mock data, light and dark themes.

FlutterDartBLoCAndroid
CineShelf on the web — desktop discovery grid and the movie library in browser windowsMedia library & social sharing

CineShelf — Social Movie, TV & Game Library

A trilingual (English · Français · العربية) Flutter app for tracking movies, TV series, and games: private libraries with personal ratings and reviews, TMDB and IGDB discovery through an authenticated Cloudflare Worker, and a privacy-controlled social layer with friends and shared sections — on phone, tablet, and web.

FlutterDartBLoCFirebase
PhronEdge dark dashboard — KPI cards, PhronOps donut, role chart, and integration healthTeam management platform

PhronEdge — Workspace Intelligence

Workspace intelligence platform for managing teams, members, PhronOps activation, and tool integrations — with a role-aware admin console, real-time analytics dashboard, and a guided onboarding flow.

ReactViteTypeScriptTailwind CSS v4
HadiStore user app light overview mockupCommerce suite

Ecommerce Platform

Customer storefront and admin operations with carts, checkout states, dashboards, customers, and product management surfaces.

ReactViteTailwind CSS v4Storefront
HadiEstate buyer discovery light mockupProperty marketplace

Real Estate Platform

Next.js real estate marketplace with property discovery, buyer favorites, agent workspaces, admin operations, inquiries, and role-based access.

Next.jsTypeScriptReal EstateAdmin
HadiFinance light overview mockupPersonal finance

Finance Dashboard

Finance app experience with accounts, budgets, loading/error handling, and financial management surfaces.

ReactViteFinanceDashboard
HadiRestaurant user menu discovery mockupRestaurant operations

Restaurant Platform

Restaurant customer ordering and admin operations with audit logs, handover flows, dish details, cart, and checkout screens.

ReactViteRestaurantAdmin
HadiBook customer discovery — home feed, service catalog, service detailsSalon & wellness booking suite

HadiBook — Booking Platform

Two-app salon booking suite: a customer-facing discovery and reservation app, and a full admin console for appointments, staff, catalog, customers, and scheduling — with polished light/dark design across every screen.

ReactViteTypeScriptTailwind CSS v4
Travel planner light theme mockupTrip planning

Travel Planner

Travel planning product with itinerary, budget, home, loading, and error states for planning trips.

ReactViteTravelPlanner
HadiLearn student course discovery mockupLearning product

E-Learning Platform

Next.js course marketplace and learning platform with marketplace, student, instructor, studio, and admin workflows.

Next.jsReactTypeScriptEducation
Chatbot light theme — chat workspace with productivity conversationConversational AI app

AI Chatbot

ChatGPT-style AI conversation app with a rich message workspace, markdown and code rendering, model switching, conversation library, and settings — built with Next.js and a mock-first AI provider.

Next.jsTypeScriptTailwind CSS v4AI
Owner workspace light — KPI dashboard, product catalog, and categoriesInventory and sales

Stock Management / POS

Inventory, POS, stock management, and role-based dashboard screens with admin/accountant states.

ReactTypeScriptViteTailwind