tarek-elzoghby
@Tarek-Elzoghby
Tarek Elzoghby | طارق الزغبي
Frontend Developer | UI + the automation/AI logic that makes it work
About
Frontend developer, still learning. I don't stop at the interface — I build the UI and the automation/logic that makes it actually work, as one piece, not two separate jobs. HTML, ... Show more
Top Skills
JavaScript
•
HTML
•
CSS
•
n8n
•
Accessibility
•
Python
•
Git
Projects
Interactive Portfolio
Visit Project open_in_new Sep 2026 - Sep 2026A full personal portfolio site with three required interactive features: a mobile hamburger nav, client-side form validation with real Formspree submission (fetch/async), and a fully data-driven project filter. Includes a self-found post-"finished" bug fix (Enter-key form submission bypassing validation) and an aria-live region verified with VoiceOver.
AI Lead Classifier (n8n + Gemini)
Visit Project open_in_new Aug 2026 - Aug 2026An AI-powered intake classifier built in n8n: a form feeds an LLM (Gemini) that sorts submissions into 5 categories via structured JSON output, then routes each to a tailored client email, internal notification, and Google Sheets log. Includes retry logic and graceful fallback so a failed classification never crashes the workflow, plus a real n8n platform bug found and fixed along the way.
Adel & Co. Ceramics — Client Brief Site
Visit Project open_in_new Aug 2026 - Aug 2026A one-page site built for a simulated potter client, designed to feel like a studio, not a SaaS product. CSS Grid gallery, custom typography and palette built around the brief. Lighthouse Accessibility taken to 100 — includes a real AA contrast fix, hand-reasoned landmark regions, and verification with a real screen reader (NVDA).
Lead Intake Automation (n8n)
Visit Project open_in_new Aug 2026 - Sep 2026An n8n workflow migrated from a Form Trigger to a Webhook, rebuilt to survive the payload change: a junk filter rewritten for clarity, a Set node redesigned to strip webhook metadata down to the five fields that matter, and a plain-English doc written for a non-technical end user to troubleshoot without needing to read the workflow itself.
Language & Tools
HTML, CSS, and JavaScript for the interface. Python and n8n for the automation/logic side. Still generalizing outward from there, with accessibility as the specialization I'm building toward.
Currently Exploring
n8n, Python (OOP), and Git
Achievements
Built an AI-powered lead classifier (n8n + Gemini) — structured output, 5-category routing, retry/fallback logic, and a real n8n platform bug found and fixed along the way.
Built and accessibility-hardened a client-brief website — Lighthouse to 100 Accessibility, manually reasoned landmark regions, verified with a real screen reader (NVDA).
Built a full interactive portfolio site — real form validation and async submission handling, a self-found and self-fixed bug where Enter-key submission bypassed validation entirely, verified with VoiceOver.
Built and accessibility-hardened a client-brief website — Lighthouse to 100 Accessibility, manually reasoned landmark regions, verified with a real screen reader (NVDA).
Built a full interactive portfolio site — real form validation and async submission handling, a self-found and self-fixed bug where Enter-key submission bypassed validation entirely, verified with VoiceOver.
Contributions
Articles
- Building for the Person Who Can't Debug ItSep 24, 2026
- The Trigger Swap That Broke Every Downstream ReferenceSep 15, 2026
chevron_left