CS freshman & software developer originally from Syria, currently studying in Egypt I build things with code — mostly web apps — and I care a lot about clean architecture, real-world impact, and accessibility, especially for Arabic users.

I’m here to ship, learn fast, and get better every week.

• Full-stack web development (React, Flask)
• Arabic-first & RTL-friendly web experiences
• Open-source projects
• Turning ideas into usable products (not just demos)

Meridian is an all‑in‑one automation tool that globalizes any React app with a single command. Unlike traditional i18n libraries, it fully manages migration—modernizing CSS, extracting strings, setting up i18next, and enforcing translations via linter integration.

• One-Command Setup: meridian init handles the entire i18n process for you.
• CSS Modernization: Automatically detects and replaces physical CSS properties (e.g., margin-left) with logical ones (e.g., margin-inline-start).
• Semantic String Extraction: Uses Babel to scan JSX and automatically extract hardcoded strings to dynamic translation structures.
• Auto-Translation Engine: Deep integration with Google Translate, DeepL, and LibreTranslate APIs. Adds new languages on the fly via CLI and dynamically scales UI components.
• Intelligent Component Injection: Target specific DOM elements by HTML tag (nav, header, custom) or HTML ID (#main-nav), with granular append/prepend controls.
• Prevention via Linters (Coming Soon): Custom ESLint and Stylelint plugins to prevent future localization bugs will be available post-release.

👉 Check it out in my pinned repositories.