Skills

Capabilities grounded in practical builds.

A balanced toolkit for creating responsive products, useful interfaces and dependable web experiences.

HTML5

Structures clear, semantic interfaces that work across devices and assistive technology.

CSS3

Builds responsive layouts, design systems and polished interaction states without excess weight.

JavaScript

Creates reliable browser interactions, data flows and practical application behavior.

TypeScript

Adds useful type safety to components, application data and maintainable frontend code.

React

Develops component-led interfaces with thoughtful state, composition and reusable patterns.

Next.js

Builds routed React sites with metadata, optimized assets and production-ready rendering.

Vite

Uses a fast modern toolchain for focused React prototypes and production web apps.

Responsive / mobile-first design

Shapes layouts around smaller screens first, then scales them cleanly for larger viewports.

Node.js

Implements practical server-side JavaScript for application logic and supporting services.

Express

Creates focused HTTP services and backend routes for full-stack prototypes.

REST APIs

Designs and integrates straightforward resource-based interfaces between clients and servers.

SQLite

Models and stores structured application data for compact, dependable product builds.

PWA development

Builds installable, mobile-ready web experiences with offline-friendly foundations.

Capacitor

Packages web experiences for mobile environments while retaining a shared web codebase.

Unity / C#

Creates playable game prototypes and interaction systems in the Unity environment.

Git

Maintains recoverable development history through focused branches and clear commits.

GitHub

Organizes source repositories and collaborative project history for dependable delivery.

Vercel

Publishes and validates modern web projects on a streamlined deployment platform.

Netlify

Deploys and checks frontend builds with practical hosting and preview workflows.

SEO

Implements useful metadata, crawlable routes and structured content for discoverability.

Accessibility

Uses semantic markup, keyboard support, clear focus and motion-aware interactions.

Bilingual / RTL interfaces

Supports English and Arabic experiences with direction-aware, adaptable layouts.

UI / UX implementation

Translates product ideas into coherent flows, readable hierarchy and polished responsive screens.