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

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

أبني واجهات ويب حديثة وعالية الأداء باستخدام 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
منهج العمل
الواجهة · التجربة · سهولة الوصول · الأداء
التعليم
تصميم وبرمجة الويب
// المشاريع

أبرز الأعمال

E-COMMERCE
Shopline preview

SHOPLINE

Next.jsStrapi CMSTailwind
E-COMMERCEمميز

Shopline

Full-stack e-commerce platform with product catalog, advanced filtering, admin CRUD panel, shopping cart, checkout flow, and real-time order tracking. User profiles with address book management.

Next.jsStrapi CMSTailwindReact QueryRedux
SOCIAL PLATFORM
Pulse Social preview

PULSE SOCIAL

React.jsSupabaseTailwind
SOCIAL PLATFORM

Pulse Social

Real-time social media app with posts, likes, comments, notifications, friend system, and live DMs via Supabase Realtime, Google OAuth + email/password auth.

React.jsSupabaseTailwindZustand
SAAS DASHBOARD
Dashify preview

DASHIFY

Next.jsTypeScriptRecharts
SAAS DASHBOARDمميز

Dashify

Analytics dashboard SaaS with real-time charts, user management, data export, and a responsive UI built for teams monitoring product metrics.

Next.jsTypeScriptRechartsRedux
AUTH SYSTEM
AuthKit preview

AUTHKIT

Next.jsSupabaseJWT
AUTH SYSTEM

AuthKit

Reusable authentication boilerplate with JWT, Google OAuth 2.0 via Supabase, role-based access control, and protected route middleware. Plug-and-play for any Next.js project.

Next.jsSupabaseJWTRBAC
// الأدوات والتقنيات

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

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

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) ليسهل قراءته، صيانته، وتطويره مع فرق العمل.

// تواصل معي

لنعمل معاً.

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