Featured work

Six production-shaped case studies (mobile + web) with measurable context. Open the brief for narratives, screenshots, and extended outcomes.

Back to home

EmoSense — Multi-Emotion Recognition System — Graduation project for AI-based customer sentiment analysis across text, voice, and video
Featured

EmoSense — Multi-Emotion Recognition System

Flutter + Python + Flask + REST APIs + AI · Grade A graduation project

Context

Organizations struggle to operationalize emotion signals from text, voice, and video at enterprise scale while keeping latency acceptable and access tightly governed.

Contribution

Graduate capstone engineer: Flutter client architecture (Clean Architecture/BLoC/20+ flows) aligned with multimodal ML research direction.

Outcome

Multimodal analysis roadmap spanning text, voice, and video with production-minded UX scaffolding.

+2 more documented in the brief

Tech stack

Flutter 3.32.1Dart 3.0+Clean ArchitectureBLoC/CubitPython+12 more
Technology 92 — Employee Management App — Bilingual workforce management app covering attendance, KPIs, profiles, onboarding, offline support, and RTL
Featured

Technology 92 — Employee Management App

Bilingual workforce app · Offline-first handling · Clean Architecture + BLoC

Context

Employees needed one reliable mobile surface for attendance, KPI tracking, onboarding, profiles, and bilingual access while staying resilient when connectivity drops.

Contribution

Built Flutter features with Clean Architecture, BLoC, Dio REST integration, secure token storage, local caching, retry queues, and Arabic/English RTL parity.

Outcome

Unified client covering attendance, KPIs, profiles, onboarding, media/PDF viewing, and settings on one codebase.

+2 more documented in the brief

Tech stack

FlutterDartflutter_blocBLoC/CubitClean Architecture+12 more
VOXA — Admin Dashboard — Next.js admin console for VOXA — analytics, moderation, users/posts/chats/places, bilingual RTL, Supabase + JWT auth

VOXA — Admin Dashboard

Full analytics + moderation console · Bilingual RTL

Context

Operating a voice-first social graph requires trusted admins to moderate posts, chats, places, analytics, and inbound web feedback without exposing service-role secrets client-side.

Contribution

Built Supabase-backed admin dashboards: TanStack tables, KPI charts, guarded API routes/JWT flows, bilingual RTL parity with the Flutter product.

Outcome

Full moderation surface spanning users, voice posts, threaded comments, chats, places, reports, and broadcasts.

+2 more documented in the brief

Tech stack

Next.jsReactTypeScriptTailwind CSSnext-intl+9 more
Rock Rush — Bilingual Services Website — Bilingual Next.js marketing site for cleaning & facility services in Riyadh — mobile-first, light default with dark mode
Featured

Rock Rush — Bilingual Services Website

Context

Facility services buyers in Riyadh compare vendors quickly on mobile—sites must communicate trust, services, and proof fast while staying bilingual and legally complete.

Contribution

Delivered bilingual App Router UX, localized service routes & SEO primitives, Motion polish, deploy and analytics instrumentation.

Outcome

Arabic-first UX with English `/en` parity and sticky navigation tuned for long landing narratives.

+2 more documented in the brief

Tech stack

Next.jsReactTypeScriptTailwind CSSFramer Motion+7 more
FlutterMate - Flutter Learning Companion — 📚 Your personal Flutter learning companion with structured lessons, progress tracking, and AI-powered assistance
Under development

FlutterMate - Flutter Learning Companion

Context

Self‑taught Flutter developers often bounce between scattered tutorials with no clear progression, little accountability, and few ways to validate understanding beyond copying demos.

Contribution

Owned product structure—lessons, quizzes, streaks/analytics UX, CI, and public GitHub Pages release.

Outcome

22 guided lessons across beginner, intermediate, and advanced tiers with prerequisites and duration estimates.

+3 more documented in the brief

Tech stack

Flutter 3.0+Dart 3.0+Clean ArchitectureGetX 4.6.6State Management+8 more
GoPooling Carpool Ride Sharing App — University carpool platform connecting students for ride-sharing

GoPooling Carpool Ride Sharing App

Context

Campus communities need safer, coordinated rides—balancing trust between drivers and riders, navigation clarity, and lightweight payments documentation.

Contribution

Structured mobile prototype with Firebase/Maps integrations plus formal SRS/diagram coursework package for course delivery.

Outcome

Academic-grade documentation package (SRS, UML, sequences) proving engineering rigor.

+1 more documented in the brief

Tech stack

FlutterDartFirebaseGoogle Maps APIFigma+3 more
VOXA — Product Marketing Website — Next.js showcase site for VOXA, a voice-first social platform — bilingual EN/AR with RTL, dark/light themes

VOXA — Product Marketing Website

Context

Voice-first social products need marketing sites that explain the paradigm shift (short audio posts) while aligning web routes with deep links opened inside Flutter builds.

Approach snapshot

VOXA’s marketing stack pairs Next.js App Router with Tailwind v4, Framer Motion, next-intl, next-themes, localized legal routes, OG assets, Vercel rewrites for app-compatible URLs, and optional Supabase-backed feedback/contact APIs.

Outcome

Dual-language storytelling with RTL fidelity mirroring the mobile brand.

+2 more documented in the brief

Tech stack

Next.jsReactTypeScriptTailwind CSSFramer Motion+7 more
Salem & Youssef — Corporate Website — Multilingual Next.js corporate site: Saveto building materials division + tech solutions portfolio

Salem & Youssef — Corporate Website

Context

The Salem & Youssef brand spans industrial distribution and technology services—requiring one coherent bilingual presence with distinct content lanes and trustworthy SEO signals.

Approach snapshot

I built an App Router Next.js site with TypeScript, Tailwind CSS, Framer Motion, next-intl, and next-themes—structuring catalogs, legal pages, and project detail routes with canonical metadata and JSON-LD ready markup.

Outcome

Arabic-default RTL experience plus English parity for enterprise credibility.

+2 more documented in the brief

Tech stack

Next.jsReactTypeScriptTailwind CSSFramer Motion+4 more
Personal Portfolio Website — Responsive Flutter web portfolio showcasing projects, skills, certificates, and professional experience
Featured

Personal Portfolio Website

Context

A personal portfolio needs to be more than a static resume: it has to present projects, proof, contact paths, and SEO-friendly structure in one fast, maintainable surface.

Approach snapshot

I built the original portfolio as a Flutter Web experience with responsive sections, project galleries, skill cards, certificates, contact integration, theme switching, animations, SEO metadata, sitemap support, and modular GetX-driven navigation.

Outcome

Created a deployable personal brand hub with projects, skills, certificates, and professional story in one place.

+1 more documented in the brief

Tech stack

Flutter WebDartGetXEmailJSResponsive Design+3 more
Gogesh — E-Commerce App — Buyer/seller e-commerce app with authentication, product browsing, cart, payments, chat, and REST API integration

Gogesh — E-Commerce App

Context

Regional commerce platforms must juggle dual roles (merchant vs shopper), maps, chat, payments, subscriptions, and bilingual UX simultaneously—easy to collapse under feature creep.

Approach snapshot

As my first freelance engagement, Gogesh applies Flutter with BLoC, Google Maps + geolocation, Firebase services, REST + JWT/OAuth flows, payments, push messaging, and RTL-ready Material 3 UI to keep merchant tooling and shopper journeys cohesive.

Outcome

Dual-role architecture showcasing enterprise marketplace breadth from discovery to settlement.

+1 more documented in the brief

Tech stack

Flutter 3.3.0+DartBLoC PatternGoogle MapsGeolocator+10 more
Sprints Shop App — Shopping app with authentication, cart management, payment flow, Arabic/English localization, and animations

Sprints Shop App

Context

Teaching portfolios need an ecommerce-shaped specimen showing validated forms, carts, payments, and localized UX—not just static catalogs.

Approach snapshot

Sprints Shop stitches Flutter fundamentals into a cohesive storefront: authentication, catalog/detail flows, cart updates, payment hand-offs, Arabic intl coverage, animations, and modular layering suited for coursework critiques.

Outcome

Demonstrates full mobile lifecycle competencies expected between beginner and intermediate Flutter coursework.

+1 more documented in the brief

Tech stack

FlutterDartState ManagementForm ValidationInternationalization+4 more
Music Player App — Flutter music player with playlists, playback controls, search, and modern UI

Music Player App

Context

Mobile listeners expect frictionless playback, playlist organization, and quick search without sacrificing battery or polish—especially on early-career timelines.

Approach snapshot

I shipped a Flutter client focused on audio pipelines, playback controls, search, and state management—with visualization cues and background playback patterns suited to internships sprint timelines.

Outcome

Demonstrates core Flutter competency across multimedia UX delivered inside March 2025 internship milestones.

+1 more documented in the brief

Tech stack

FlutterDartAudio ProcessingState Management
Chat App — Cross-platform chat using Firebase Auth and Realtime messaging

Chat App

Context

Realtime chat prototypes often stall on auth consistency, message ordering, and theme-aware UI across Android and iOS.

Approach snapshot

I combined Firebase Authentication with Realtime Database flows orchestrated through Flutter and BLoC, layering light/dark themes and component polish for a demo-ready experience.

Outcome

End‑to‑end messaging UX with authentication gates and realtime listeners.

+1 more documented in the brief

Tech stack

FlutterDartFirebaseReal-time DatabaseAuthentication+1 more
QuizHub App — Online Exam platform with interactive quiz features

QuizHub App

Context

Students need lightweight assessment tooling that works offline-friendly where possible, tracks attempts, and stays approachable on phones.

Approach snapshot

QuizHub pairs Flutter with SQLite persistence and deliberate state management so quizzes, categories, and review modes remain responsive without a heavyweight backend.

Outcome

Offline-capable data layer demonstrating pragmatic schema choices for education apps.

+1 more documented in the brief

Tech stack

FlutterDartSQLiteState Management
QuoteHub App — Random quote generator with categories and favorites

QuoteHub App

Context

Micro-apps still deserve dependable networking, persistence, and interaction polish—especially when the scope looks “simple”.

Approach snapshot

QuoteHub keeps the UX minimal while wiring Flutter to REST quote sources, local caching/favorites, sharing hooks, and restrained visual hierarchy.

Outcome

Demonstrates pragmatic API error handling within a tiny surface area.

+1 more documented in the brief

Tech stack

FlutterDartREST APILocal Storage
Interactive Learning Assistant with Customizable 3D Avatars — Immersive learning experience with customizable 3D avatars and emotional interaction

Interactive Learning Assistant with Customizable 3D Avatars

Context

Remote learners disengage when digital classrooms lose emotional cues, embodied identity, and lightweight accessibility affordances.

Approach snapshot

This assistant couples React with Three.js scenes so students personalize avatars, receive expression-driven feedback, leverage text-to-speech reading paths, and anchor guided prompts—bridging LMS integrations or standalone hosting scenarios.

Outcome

Novel fusion of WebGL avatars + instructional UX patterns aimed at motivation science.

+1 more documented in the brief

Tech stack

ReactThree.jsJavaScript3D GraphicsText-to-Speech+3 more
Facial Recognition System — AI-powered facial recognition and analysis

Facial Recognition System

Context

Biometric prototypes demand dependable detection pipelines and reproducible evaluation—not just demo screenshots.

Approach snapshot

The system combines Python, OpenCV preprocessing, and TensorFlow models to detect, embed, and classify faces with tooling suited for experimentation and accuracy tuning.

Outcome

End-to-end CV pipeline demonstrating classical vision plus learned representations.

+1 more documented in the brief

Tech stack

PythonOpenCVTensorFlowComputer VisionMachine Learning
Sign Language Translator — AI system for sign language recognition and translation

Sign Language Translator

Context

Accessible communication breaks down when sign gestures must be interpreted manually in real time without assistive tooling.

Approach snapshot

I prototyped a gesture-driven pipeline using Python, OpenCV capture/preprocessing, and TensorFlow classifiers to translate recognized signs into text or speech outputs.

Outcome

Shows applied CV + ML literacy bridging HCI and accessibility goals.

+1 more documented in the brief

Tech stack

PythonOpenCVTensorFlowComputer VisionMachine Learning
ChargeHub App — EV & gas station finder with interactive maps and BLoC-based state management

ChargeHub App

Context

Drivers waste time hunting trustworthy charging or fuel stops—especially when availability signals are scattered across map providers.

Approach snapshot

ChargeHub centralizes discovery inside Flutter with BLoC, flutter_map integrations, GPS sourcing, and Firebase touchpoints for data that needs to stay fresh near the user.

Outcome

Practical geospatial UX prototype validated September 2024 internship timeline.

+1 more documented in the brief

Tech stack

FlutterDartMaps APIBLoCGPS+2 more
Comparative Analysis of ML Models for Street Pothole Detection — Research paper comparing CNN, ResNet-50, and Decision Trees

Comparative Analysis of ML Models for Street Pothole Detection

Context

Civic infrastructure teams need quantitative guidance on which detectors reliably spot potholes from street imagery before deploying expensive repairs.

Approach snapshot

I benchmarked CNNs, ResNet-50, and decision-tree baselines in Python/TensorFlow with rigorous dataset splits, validation protocols, and comparative metrics suited to an academic paper.

Outcome

Documented trade-offs between deep models and classical learners on the same corpus.

+1 more documented in the brief

Tech stack

PythonTensorFlowCNNResNet-50Machine Learning