01 / WEB
Full-stack products
From the first interaction to the data and services behind it.
Ideas into interfaces.
Code into connections.
I build thoughtful web experiences, mobile applications, and the systems that connect them.
h.01 / THE APPROACH
With a background in Network Engineering, I see the connections behind the interface. I bring that perspective to full-stack products, mobile experiences, and real-time systems—making the complex feel considered.
01 / WEB
From the first interaction to the data and services behind it.
02 / MOBILE
Thoughtful interfaces that work wherever people take them.
03 / SYSTEMS
Real-time communication, integrations, and networking.
02 / SELECTED WORK
Seven projects. Two worlds.
Scroll in. Take a closer look.
01 / WEB & DESKTOP COLLECTION
Interfaces, workflows & connected systems.
WEB / 01 / FULL-STACK / REALTIME
A little closer.
In real time.
Profiles, communities, conversations. A social platform connecting people through a Next.js experience and a Go backend.
DESKTOP / 02 / NETWORKED GAME
Every move.
In sync.
A first-person maze game where an authoritative Rust server keeps movement, combat, and players in sync over UDP.
WEB / 03 / PRODUCT / WORKFLOW
From assignment.
To accomplishment.
Role-based work management, from the first assignment to review, with a board, timeline, and activity history.
DESKTOP / 04 / TRAFFIC SIMULATION
Four directions.
One shared rhythm.
A signal-free intersection where vehicles plan their paths, reserve crossing time, and adjust to the traffic around them.
Real application recordings. Multiplayer FPS and Smart Road run on desktop with their original game and simulation renderers.
02 / MOBILE COLLECTION
Made for the way we move.
SECURE MESSENGERVISUAL STUDY / NO RECORDING
A visual study of the encryption system. Explore the project for implementation details.
MOBILE / 01 / SIMULATION
Every trade.
Accounted for.
A market simulator with a local portfolio, integer-cent accounting, and transactional buy/sell execution.
MOBILE / 02 / LOCATION
Your people.
Within reach.
A friend-location app built around accepted friendships, clear sharing states, and foreground-only location updates.
MOBILE / 03 / SECURITY
Private words.
Thoughtful protection.
A Flutter messaging experience with QR contacts, biometric access, and encrypted one-to-one secret chats.
Browser recordings of the mobile interfaces. Secure Messenger is a visual study.
03 / THE JOURNEY
SEP 2026 — PRESENT
Maskati Bros & Co.
Building and maintaining internal business workflows with Next.js, React, TypeScript, Supabase, and PostgreSQL.
AUG — SEP 2026
Doo / Builders League
HTTP and webhook integrations, reusable request and response workflows, and an MCP connector.
JUL — SEP 2025
Al Salam Bank
Enterprise systems, architecture, and technical documentation. Part of the trainee team awarded first place for an innovative ESG project.
2022 — 2026 / EDUCATION
B.Sc. in Network Engineering
2024 — PRESENT / EDUCATION
Full-stack & mobile development
04 / THE AWARDS
Two milestones from building, learning, and working together.
FIRST PLACEAL SALAM BANK / TRAINING PROGRAM
AI & TECHNOLOGY PROJECT
During my training at Al Salam Bank, I gained hands-on experience across banking and technology. The AI and technology project, تم, earned first place among the program's participants.
Innovation in banking and technology.
SECOND PLACEUNIVERSITY OF BAHRAIN
DEPARTMENT OF COMPUTER ENGINEERING
Our team's senior project earned second place across the Department of Computer Engineering. It uses an ESP32-S3 and changes in Wi-Fi Channel State Information to detect indoor human presence without cameras or wearables, with results shown on a live dashboard.
05 / THE TOOLKIT
From the first interface to the systems behind it. A connected tech stack for building across platforms.
48 TOOLS & SKILLS / ONE ORBITMission Control is preparing Hashem's interactive portfolio. Pre-flight checks take about five seconds. Use Skip boot to reach the ready command immediately, then press Enter or select the Enter button to launch the portfolio. The command is already prepared and cannot be edited.
Running pre-flight checks.