متاح للعمل الحر والوظائف الكاملة

مطور واجهات أمامية،
أهتم بالتفاصيل التي تصنع الفرق.

أبني واجهات ويب حديثة وعالية الأداء باستخدام React وNext.js وTypeScript، مع التركيز على جودة الكود، وتجربة المستخدم، والتفاصيل التي تصنع الفرق.

مجموعة التقنيات

ReactNext.jsTypeScriptTailwind CSSshadcn/uiPrismaPostgreSQLNode.jsExpressReactNext.jsTypeScriptTailwind CSSshadcn/uiPrismaPostgreSQLNode.jsExpress
// حول الشخصية

من أنا

أنا علي طالب، مطور واجهات أمامية، أستمتع بتحويل الأفكار والتصاميم إلى تجارب ويب متقنة.

تركيزي الأساسي ينصب على بناء واجهات حديثة باستخدام React و Next.js و TypeScript، مع اهتمام بالغ بالتفاصيل، والأداء الفائق، وتجربة المستخدم.

لدي أيضاً معرفة بأساسيات تطوير الواجهات الخلفية (Backend) ، مما يساعدني على فهم المنتج بشكل أوسع — ليس الواجهة فقط، بل كيف تتصل مكوناته وتعمل معاً

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

أبرز الأعمال

ENTERPRISE
Unified Civil Records Platform preview

UNIFIED CIVIL RECORDS PLATFORM

Next.js 16TypeScriptPrisma ORM
ENTERPRISEمميز

Unified Civil Records Platform

Enterprise web platform for digitizing civil registry operations — citizen management, automatic National ID generation, civil events (birth/marriage/divorce/death), RBAC, audit trail, and official PDF issuance with QR codes.

Next.js 16TypeScriptPrisma ORMPostgreSQLBetter Auth
SOCIAL PLATFORM
Alina Social preview

ALINA SOCIAL

React.jsSupabaseTailwind CSS
SOCIAL PLATFORMمميز

Alina Social

Full-featured real-time social platform with post creation, likes, threaded comments, live notifications, friend/follow system, direct messaging, and Supabase Auth (Google OAuth + Email).

React.jsSupabaseTailwind CSSReact QueryZustand
E-COMMERCE
Mini Store preview

MINI STORE

React.jsStrapi CMSTailwind CSS
E-COMMERCEمميز

Mini Store

Full-stack e-commerce platform with product catalogue, multi-parameter filtering, CRUD admin panel, cart, checkout flow, user profiles with address book, and real-time order status tracking.

React.jsStrapi CMSTailwind CSSReact QueryRedux
// الأدوات والتقنيات

مهاراتي التقنية

كل أداة هنا تم استخدامها في مشاريع حقيقية وبيئات عمل فعلية — وليست مجرد دروس تعليمية.

01
FRONT-END ARCHITECTURE

React.js

HooksContext APIRedux ToolkitZustandTanStack QueryArchitecture
02
FULL-STACK FRAMEWORK

Next.js

App RouterSSRISRSSGAPI RoutesServer ActionsMiddleware
TS
03
TYPE-SAFE ENGINE

TypeScript

GenericsInterfacesType GuardsStrict ModeUtility Types
04
UI & ANIMATION

Styling & Motion

Tailwind CSSCSS ModulesAnt DesignChakra UIFramer Motion
05
DATABASE & SECURITY

Auth & Backend

Node.JSExpress.JSPostgreSQLSupabaseOAuth 2.0RBACREST API
06
OPTIMIZATION & WEBVITALS

Performance & Web Vitals

Code SplittingLazy LoadingBundle OptimizationImage OptimizationCaching
// مميزات الكود

مبني للبيئات الفعلية

تجاوب كامل

تتأقلم التخطيطات بسلاسة عبر شاشات الحاسوب والأجهزة اللوحية والجوال — دقة متناهية عند كل نقطة تجاوب.

98
score
مؤشرات الويب الأساسية

الأداء أولاً

تقسيم الكود، التحميل الكسول، وتحسين الحزم — مهيأ لسرعة تحميل فائقة في أجزاء من الثانية.

const useAuth = () => {
const [user, setUser] = useState()
const token = useToken()
useEffect(() => {)
verify(token).then(setUser)
}, [token])
return { user, signOut }
}

بنية برمجية نظيفة

كود يعتمد على TypeScript، يعتمد على المكونات (Component-driven) ليسهل قراءته، صيانته، وتطويره مع فرق العمل.

// تواصل معي

لنعمل معاً.

هل تشغل بالك فكرة مشروع؟ أحب أن أسمع عنها. تواصل معي عبر أي من القنوات أدناه.