تخطَّ إلى المحتوى
<Tareq> {AlMozayek}
English

الرئيسية / الخدمات

تطبيقات ويب ومواقع وصفحات هبوط

أنا طارق المزيك، مطوّر واجهات أمامية من دمشق، سوريا. أبني بـ React وNext.js وTypeScript، وأتولى النظام الخلفي أيضاً حين يحتاجه المشروع. هذه الخدمات التي أقدّمها، ولكل منها أمثلة من مشاريع حقيقية.

01

تطبيقات React وNext.js

تطبيقات ويب ولوحات تحكم وأنظمة إدارة بـ React وNext.js وTypeScript، من أول شاشة حتى الإطلاق. هذا معظم عملي اليومي في إيجاد سوليوشنز، وهو خياري الأول في مشاريعي الخاصة.

التقنيات

  • React
  • Next.js
  • TypeScript
  • TanStack Query
  • TanStack Table
  • React Hook Form
  • Zod
  • Tailwind CSS
  • shadcn/ui
  • next-intl

ماذا أبني

  • لوحات تحكم وأنظمة إدارة وأدوات داخلية
  • واجهات المنتجات الرقمية، ومنها تطبيقات الذكاء الاصطناعي
  • مواقع يديرها فريقك عبر نظام إدارة محتوى
  • مكوّنات قابلة لإعادة الاستخدام وأجزاء لنظام التصميم

طريقتي في العمل

  • الصفحات تُبنى على الخادم أولاً، ولا يصل إلى المتصفح من JavaScript إلا ما تحتاجه الواجهة فعلاً
  • TypeScript في كل طبقة، مع التحقق من صحة النماذج والبيانات القادمة من الخادم
  • مراعاة إمكانية الوصول منذ البداية: HTML دلالي، وتنقل كامل بلوحة المفاتيح، وتركيز واضح

02

صفحات الهبوط ومواقع الشركات

صفحات تسويقية سريعة تعمل على كل الشاشات، من تصميم Figma أو من فكرة مكتوبة، وجاهزة لمحركات البحث من يوم إطلاقها، بالعربية أو الإنجليزية أو بكلتيهما. أبني صفحات هبوط مهيأة لمحركات البحث لعملاء إيجاد سوليوشنز، والحركة التي تراها في هذا الموقع مثال على التفاعل الذي أضيفه حين تحتاجه الصفحة.

التقنيات

  • Next.js
  • Nuxt
  • React
  • TypeScript
  • Tailwind CSS
  • GSAP

ماذا أبني

  • صفحات هبوط للمنتجات والشركات
  • مواقع بالعربية والإنجليزية، باتجاه صحيح من اليمين لليسار لا مجرد قلب للتصميم
  • صفحات متحركة وتفاعلية بـ GSAP، تحترم إعداد تقليل الحركة عند الزائر
  • تحويل تصاميم Figma إلى مواقع حقيقية، مطابقة للتصميم على كل المقاسات

طريقتي في العمل

  • تهيئة لمحركات البحث من البداية: عناوين وأوصاف وخريطة موقع وبيانات منظمة وربط بين اللغتين
  • صور محسّنة وخطوط مستضافة ذاتياً وأقل قدر ممكن من JavaScript
  • حركة تضيف إلى الصفحة ولا تعيق قراءتها أبداً

أمثلة

03

منتجات متكاملة

حين يحتاج المشروع نظاماً خلفياً، أصمم قاعدة البيانات وأبني الواجهة البرمجية وأربطها بالواجهة الأمامية بنفسي: بـ NestJS في إيجاد سوليوشنز، وبـ Laravel وFilament في العمل الحر.

التقنيات

  • NestJS
  • Laravel
  • Filament
  • MySQL
  • PostgreSQL
  • Redis
  • Strapi
  • Docker

ماذا أبني

  • واجهات برمجية REST مع المصادقة والأدوار والصلاحيات
  • لوحات إدارة وأنظمة محتوى، عربية أولاً عند الحاجة
  • تصميم قواعد بيانات MySQL وPostgreSQL، مع Redis حيث يفيد
  • ميزات ذكاء اصطناعي تجيب من مستنداتك أنت

طريقتي في العمل

  • الاتفاق على البنية ونموذج البيانات قبل كتابة الشيفرة
  • واجهات برمجية موثّقة يعتمد عليها فريقا الويب والجوال
  • مطوّر واحد مسؤول عن الميزة كاملة، من قاعدة البيانات حتى آخر زر في الواجهة

موقعك بالعربية والإنجليزية

أبني موقعك بالعربية أو الإنجليزية أو باللغتين معاً: اتجاه صحيح من اليمين إلى اليسار، وخطوط عربية واضحة ومريحة، ونصوص تُكتب لكل لغة على حدة، مع تهيئة النسختين لمحركات البحث.

كيف نعمل معاً

  1. 1أقرأ رسالتك وأرد عليك، وغالباً ببعض الأسئلة.
  2. 2نتحدث في مكالمة قصيرة لنتفق على المطلوب.
  3. 3أرسل لك عرض سعر مكتوباً مع مراحل التسليم.

عندك فكرة؟ لنحوّلها إلى موقع.

أرسل فكرة مشروعك
Esc

↑↓ للتنقل · Enter للفتح · Esc للإغلاق