خلف الكود، وطريقة التفكير
أنا جابر يوسفأبني واجهات.
وأفكّر في المنتج.
مطور واجهات أمامية أعمل بـ React وNext.js وAstro، وأبني خدمات الـ Backend باستخدام Supabase. أركّز على هيكلة نظيفة وقوية تقدر تكبر مع المشروع.
فرق كبير في المنتج.
01 / طريقة الشغل
شغل منظّم.
من أول تاسك.
جودة المشروع تبدأ من طريقة بنائه. أهتم إن كل قرار في الكود يخدم المنتج، ويسهّل على الفريق فهمه وتطويره.
- 01
أفهم المطلوب وأقسّمه
أحوّل متطلبات المشروع إلى تاسكات صغيرة وواضحة، بحيث تكون كل خطوة لها هدف ونتيجة يمكن مراجعتها.
- 02
أبني حول الـ Feature
أنظّم الكود حسب خصائص المنتج. أجمع منطق كل Feature ومكوّناتها وبياناتها معًا، وأفصل الأجزاء المشتركة لتسهيل التعديل والتوسع.
- 03
أربط التجربة بالبيانات
أفصل حالة الواجهة عن بيانات السيرفر، وأهتم بحالات التحميل والخطأ والبيانات الفارغة، لتكون التجربة واضحة في كل حالة.
- 04
أراجع قبل التسليم
أراجع تدفق الاستخدام، وتجاوب الواجهة، ووضوح الكود. الهدف أن تكون إضافة الميزة التالية أسهل، وأن يقدر مطور آخر يفهم المشروع.
كل ميزة في مكانها.
والمشترك يفضل مشترك.
فصل واضح بين منطق المنتج والأجزاء المشتركة، عشان التغييرات تفضل محددة وسهلة المتابعة.
src/
├── features/
│ ├── auth/
│ ├── bookings/
│ └── dashboard/
├── components/ // shared UI
├── hooks/
└── lib/02 / الأدوات والتقنيات
أدوات تخدم الفكرة.
أختار التقنية حسب احتياج المشروع، وأهتم بكيفية ربط الأدوات معًا داخل بنية واضحة وسهلة الصيانة.
الواجهات والتطبيقات
من الموقع التعريفي إلى تطبيقات الويب التفاعلية.
- React
- Next.js
- Astro
- TypeScript
- JavaScript
البيانات والتنقّل
تنظيم بيانات السيرفر ومسارات التطبيق بوضوح.
- TanStack Query
- TanStack Router
خدمات الـ Backend
ربط الواجهة بالمصادقة وقاعدة البيانات والتخزين.
- Supabase
- Authentication
- Database
- Storage
بناء تجربة الاستخدام
واجهات متجاوبة ومكوّنات متناسقة قابلة لإعادة الاستخدام.
- HTML
- CSS
- Tailwind CSS
- Hero UI
- Shadcn UI
03 / التطوّر المستمر
بتعلّم، وبطبّق،
وبطوّر طريقتي.
تركيزي الحالي هو بناء هيكلة أقوى وأنظف وقابلة للتوسع، وتعميق فهمي للأدوات التي أستخدمها في مشاريع حقيقية.
هندسة واجهات أقوى
تعميق فهم حدود الـ Features، وفصل المسؤوليات، وبناء مكوّنات يمكن تطويرها مع نمو المنتج.
إدارة بيانات أوضح
التعمّق في التعامل مع بيانات السيرفر باستخدام TanStack Query، وتنظيم التنقّل باستخدام TanStack Router.
تجربة متكاملة
توسيع الربط بين الواجهة وخدمات Supabase، من تسجيل الدخول إلى البيانات والتخزين، لفهم رحلة الميزة كاملة.
الخطوة الجاية
فريقك بيبني حاجة قوية؟
خلّينا نتكلم.
لو بتدور على مطور يهتم بتجربة المستخدم وتنظيم الكود بقدر اهتمامه بتنفيذ الميزة، يسعدني نتكلم عن فريقك وطبيعة الشغل.