AVAILABLE · WEB DEVELOPER

Web Developer | React / TypeScript

I design and ship web applications with React, TypeScript, and Next.js—bringing together clean front-end experiences, API integrations, and production-ready delivery.

FRONTEND · UXAPIS · INTEGRATIONSTOOLING · DELIVERY

ABOUT ME

Portrait of Mohamed Kobaa

Web Developer · React / TypeScript

I’m Mohamed Kobaa, a web developer focused on building reliable interfaces and APIs with React, Next.js, and TypeScript. I like turning requirements into shipped features with clear UX, clean data flows, and measurable outcomes. My technical foundation comes from 1337 Khouribga (42 Network), a project-based program that sharpened my problem-solving across algorithms and systems. I bring that rigor to production-like web work: from designing endpoints and state management to tightening performance budgets and DX. I value concise code, accessibility, and shipping on time. If a feature improves the user experience or speeds up a team, it is worth building well.

Frontend architecture & UXNext.js / React with TypeScriptAPI design & integrationNode.js tooling & automationPerformance, monitoring, reliability

EXPERIENCE · TRAINING

2025 — Present

Web Developer

Freelance & Product Work

Designing and shipping web features end-to-end: React/Next.js front-ends, Node.js/Express APIs, and delivery with Docker/Nginx for clients and personal products.

Dec 2024 — Mar 2025

Web Development Intern

DEVARCH Digital, Tangier

Delivered web apps (call center routing, WhatsApp automation, e-learning admin) covering data models, APIs, and front-end UX. Focused on predictable releases and maintainable code.

Oct 2023 — Present

Software Engineering Program

1337 Khouribga (42 Network)

Project-based technical training that strengthened algorithms, debugging discipline, and systems thinking—skills now applied to production-like web projects.

TECHNOLOGIES · STACK

Frontend · Backend · Tools

Web stack I use to deliver features: TypeScript/React on the front, Node.js/Express for APIs, and Docker/Nginx/MariaDB for deployment-ready setups.

  • TypeScriptTypeScript
  • JavaScriptJavaScript
  • ReactReact
  • Next.jsNext.js
  • Node.jsNode.js
  • ExpressExpress
  • REST APIsREST APIs
  • DockerDocker
  • NginxNginx
  • MariaDBMariaDB
  • GitGit
  • LinuxLinux
  • TypeScriptTypeScript
  • JavaScriptJavaScript
  • ReactReact
  • Next.jsNext.js
  • Node.jsNode.js
  • ExpressExpress
  • REST APIsREST APIs
  • DockerDocker
  • NginxNginx
  • MariaDBMariaDB
  • GitGit
  • LinuxLinux

FEATURED · PROJECTS

Web Apps · Problem → Solution

Production-like web projects delivered end-to-end: understanding the problem, shaping the solution, and shipping a stack that holds up for real users.

Call Center Management preview

Call Center Management

Solo full-stack delivery
Problem

Client requests were scattered across channels with no routing or status visibility.

Solution

Built a web app to capture requests, route them to the right freelancers, and track conversations and SLAs in one dashboard.

Next.jsReactTypeScriptNode.jsREST APIs
WhatsApp Marketing Automation preview

WhatsApp Marketing Automation

Solo full-stack delivery
Problem

Campaigns and bulk outreach were manual, slow, and hard to audit.

Solution

Delivered a flow to design templates, schedule sends at scale, and monitor engagement with guardrails for deliverability.

Next.jsReactTypeScriptNode.jsQueueing
E‑learning Student Management preview

E‑learning Student Management

Solo full-stack delivery
Problem

Enrollment and progress tracking lived in spreadsheets and email threads.

Solution

Shipped role-based admin tools to enroll students, manage cohorts, and keep progress data consistent for instructors.

ReactTypeScriptNode.jsRBACCRUD UX

INTERACTIVE · TERMINAL

zsh — mkobaa@portfolio
Type 'help' to get started
~