Hashem Mdoukh — Front-End Engineer — React · Next.js · TypeScript. Fast, scalable, accessible web apps — feature-based architectures & design systems.

01.Featured projects

export function useCharacters(filters: CharacterFilters) {
  return useQuery({
    queryKey: ["characters", filters],
    queryFn: () => api.getCharacters(filters),
    staleTime: 5 * 60_000, // dedupe + cache
    placeholderData: keepPreviousData,
  });
}

export const unitAtom = atom<"C" | "F">("C");

export function useWeather(city: string) {
  const [unit] = useAtom(unitAtom);
  const { data } = useQuery({ queryKey: ["weather", city] });
  return toUnit(data, unit); // K → °C/°F
}

export async function GET() {
  const buses: Bus[] = await getLiveBuses();

  return NextResponse.json({
    buses, // live positions → Leaflet map
    updatedAt: Date.now(),
  });
}

export async function getCauses(): Promise<Cause[]> {
  const res = await fetch(`${API_URL}/causes`);
  const dto: CauseDto[] = await res.json();

  return dto.map(toCause); // DTO → domain
}

More on GitHub

02.How I engineer

Feature-based monorepos, design systems, and scalable React. Explore the architecture — every annotated node is a pattern I work with.

// public API — internals stay private
export { ProductsView } from "./components";
export { useProducts } from "./hooks";

03.Experience & training

1. Jan — Mar 2026

   Intensive training

   Advanced React Developer Trainee · Advanced React Program

   Engineered scalable React applications on a feature-based modular architecture inside a pnpm + Turborepo monorepo with shared Design System packages. Implemented fully type-safe routing with TanStack Router, server-state management with TanStack Query, and advanced patterns — Compound & Headless components, DIP with DTO mappers, and a Context-based feature-flag system for gradual rollouts.

   • React
   • TypeScript
   • TanStack Query
   • TanStack Router
   • Turborepo
   • pnpm

2. Sep 2025 — Jan 2026

   Intensive training

   Full-Stack Developer Trainee · Zakey Tech

   Built and shipped responsive full-stack apps with the Next.js App Router, Tailwind CSS v4 and MUI, backed by Node.js/Express REST services and MongoDB models via Mongoose.

   • Next.js
   • Node.js
   • Express
   • MongoDB
   • Tailwind v4
   • MUI

3. Apr — Jul 2025

   Professional

   Front-End Developer (Angular) · Kumrat Al-Saada

   Architected an end-to-end notification system and redesigned multiple screens to a unified UX spec, defining an app-wide color and design-token system.

   • Angular
   • TypeScript
   • Design Tokens
   • Performance
   • QA

View full résumé

04.About me

I'm Hashem — a front-end engineer who builds fast, accessible interfaces with React, Next.js and TypeScript. I care about the part of software that outlives the sprint: feature-based architectures, design systems and monorepos that stay maintainable long after the demo.

I work async-first — written updates, PRs with context, and documentation treated as part of the job, not an afterthought. I work from Gaza, Palestine, and build for teams everywhere.

Away from the keyboard I'm usually deep in an engineering write-up or refining this site — currently exploring advanced React patterns and type-safe routing.

hashem.ts

Hashem Mdoukh

$ whoami

ok

const hashem = {
  role: "Front-End Engineer",
  location: "Gaza, Palestine", // UTC+2/3
  stack: ["React", "Next.js", "TypeScript"],
  degree: "B.Sc. ICT — 2025",
  languages: ["Arabic (native)", "English (professional)"],
  remote: { ready: true, style: "async-first" },
  openToWork: true,
} satisfies Engineer;

// hiring? say hello ↓