PORTFOLIOمطور برمجياتSoftware Developer

01 / 04

أنا زياد شلبيI am Zeyad Shalaby

مطور برمجيات من مصر.Software Developer from Egypt.

02 / 04

ببني حاجات الناس تحب تستخدمهاI build things people love to use

مواقع، تطبيقات موبايل، واجهات، وأتمتة بالذكاء الاصطناعي.Websites, mobile apps, interfaces and AI automation.

03 / 04

من أول سطر لآخر تسليمFrom the first line to the handover

بشتغل على كل مشروع بنفسي، وبرد عليك بنفسي.I work on every project myself, and I answer you myself.

04 / 04

ودي حكايتي مع الشغلAnd this is how I work

انزل وشوفها، أو ابدأ معايا على طول.Scroll to see it, or start with me right away.

شوف شغليSee my work ابدأ مشروعكStart your project
Zeyad Shalaby
  • 01من مصرBased in Egypt
  • 02عربي و EnglishArabic and English
  • 03برد عليك بنفسيI answer you myself

من الفكرة لحد ما المشروع يبقى شغال قدامك: تصميم واضح، كود نضيف، وحركة ليها معنى.From the idea until it runs in front of you: clear design, clean code and motion that means something.

00البدايةThe start

من جملة لمشروع شغالFrom a sentence to a live project

  1. 01 / 04 الفكرةThe idea

    كل مشروع بيبدأ بجملة: "عاوز حاجة تعمل كذا". بسمعها كويس وبسأل لحد ما الصورة توضح.Every project starts with a sentence: "I want something that does this". I listen, and ask until the picture is clear.

  2. 02 / 04 الشكلThe shape

    قبل أي كود بنرسم الهيكل: إيه اللي يظهر الأول، وإيه اللي الزائر محتاجه فعلا.Before any code we draw the skeleton: what shows first, and what the visitor really needs.

  3. 03 / 04 الكودThe code

    بعدها ببني سطر سطر، على مراحل، وكل مرحلة بتشوفها شغالة.Then I build line by line, in stages, and you see each stage working.

  4. 04 / 04 الإطلاقThe launch

    وفي الآخر المشروع بيطلع للناس: سريع، واضح، وشغال على كل الشاشات.And in the end it goes live: fast, clear and working on every screen.

01الفصل 01Chapter 01

بشتغل في إيهWhat I do

كل حكاية ليها أدوات. دي الأربع حاجات اللي ببنيها.Every story has its tools. These are the four things I build.

اعرفني أكترMore about me

02الفصل 02Chapter 02

آخر المشاريعLatest projects

والكلام لازم يبقى عليه دليل. ده شغل طلع للنور فعلا.Words need proof. This is work that actually shipped.

كل المشاريعAll projects
Portfolio آية راي 01 بورتفوليوPortfolio Portfolio آية رايAya Rai Portfolio Graphic Designer ومصورة. مشاريع التصميم والتصوير جنب بعض.Personal portfolio for Aya Rai, graphic designer and photographer. Cargo
Portfolio جان بول نهرا 02 بورتفوليوPortfolio Portfolio جان بول نهراJean Paul Nohra Portfolio Graphic Designer و 2D Animator. هيرو بجمل بتتغير عن شغله.Personal portfolio for Jean Paul Nohra, graphic designer and 2D animator.
Portfolio زينة خيرالله 03 بورتفوليوPortfolio Portfolio زينة خيراللهZéna Khairallah Portfolio Graphic Designer. قايمة مشاريع بأسامي العملاء.Personal portfolio for Zéna Khairallah, graphic designer.
Portfolio جورج شربل 04 بورتفوليوPortfolio Portfolio جورج شربلGeorge Charbel Portfolio مصمم هويات، بيروت. الموقع متصمم زي مجلة: Selected Works Vol. 01.Personal portfolio for George Charbel, brand identity designer, Beirut.
Portfolio مروان زعمة 05 بورتفوليوPortfolio Portfolio مروان زعمةMarwan Zawmah Portfolio مونتير ومصمم، الرياض. هيرو بيقدمه كفري لانسر في الرياض.Personal portfolio for Marwan Zawmah, video editor and designer, Riyadh.
Portfolio فاطمة هبة إبراهيم 06 بورتفوليوPortfolio Portfolio فاطمة هبة إبراهيمFathima Hiba Ibrahim Portfolio خطاطة وفنانة. منيو خدمات مقسم لكل نوع شغل.Personal portfolio for Fathima Hiba Ibrahim, calligraphy and illustration artist. WordPress
Portfolio عبد الرحمن محمود 07 بورتفوليوPortfolio Portfolio عبد الرحمن محمودAbdulrahman Mahamood Portfolio 3D Concept Artist. هيرو بيوري شغل الـ 3D من أول ثانية.Personal portfolio for Abdulrahman Mahamood, 3D concept artist. Framer
Portfolio أحمد رواجبة 08 بورتفوليوPortfolio Portfolio أحمد رواجبةAhmad Rwajbeh Portfolio مبدع متعدد المجالات، عمّان. هيرو باسمه بخط كبير وشريط بيلف فيه مجالاته.Personal portfolio for Ahmad Rwajbeh, multidisciplinary creative, Amman.
09 شوف كل المشاريعSee every project
01 / 09

سريع.Fast.

واضح.Clear.

يفضل في الذاكرة.Hard to forget.

  • HTML
  • CSS
  • JavaScript
  • TypeScript
  • React
  • Next.js
  • Go
  • PHP
  • Laravel
  • .NET
  • Flutter
  • WordPress
  • WordPress
  • Flutter
  • .NET
  • Laravel
  • PHP
  • Go
  • Next.js
  • React
  • TypeScript
  • JavaScript
  • CSS
  • HTML

03الفصل 03Chapter 03

اللي بمشي عليهWhat I stick to

وفي كل ده فيه تلات قواعد ما بتتغيرش.Through all of it, three rules never change.

السرعة أولاSpeed first

الموقع البطيء بيخسر زواره قبل ما يشوفوه.A slow site loses visitors before they see it.

كلام واضحPlain talk

هتعرف دايما احنا فين وإيه اللي جاي، من غير مصطلحات.You always know where we are and what is next, without jargon.

شغل ليه شخصيةWork with character

تصميم معمول ليك انت، مش نسخة من حد تاني.A design made for you, not a copy of someone else.

04الفصل 04Chapter 04

آخر التدويناتLatest posts

وبكتب اللي بتعلمه أول بأول.And I write down what I learn as I go.

كل التدويناتAll posts
غلاف مقال :has() في CSS بسبع أمثلة عملية آخر تدوينةLatest ويبWeb 4 دقايقmin :has() في CSS: سبع استخدامات بتشيل جافاسكريبت من موقعك:has() in CSS: seven uses that remove JavaScript from your site الـ selector اللي بيخليك تنسق الأب حسب اللي جواه، بأمثلة حقيقية للفورمات والكروت والقوايم.The selector that styles a parent by what it contains, with real examples for forms, cards and menus.
غلاف مقال Container Queries في CSS ويبWeb 4 دقايقmin Container Queries: الكارت اللي بيتظبط حسب مكانه مش حسب الشاشةContainer queries: a card that adapts to its place, not the screen
حركةMotion 4 دقايقmin Scroll-driven animations في CSS: حركة مع السكرول من غير جافاسكريبتCSS scroll-driven animations: scroll motion without JavaScript
15 تدوينةposts كل التدويناتAll posts

THE ENDالفصل الأخير عندك انتThe last chapter is yours

عندك فكرة؟ قولي عليها.Got an idea? Tell me.

اختار محتاج إيه وسيبلي بياناتك، وهرد عليك بنفسي. أو كلمني واتساب على طول.Pick what you need and leave your details, and I will reply myself. Or message me on WhatsApp right away.

كلمني واتسابMessage me on WhatsApp أو املا الفورم الكاملOr use the full form

01محتاج إيه؟What do you need?