عبدالله ا.
نبذة
السلام عليكم !
أنا مطور واجهات أمامية متفانٍ، وعندي أساس قوي في إنشاء واجهات ويب متجاوبة وسهلة الاستخدام. عندي خبرة في HTML، CSS، JavaScript، TypeScript، React.js، Next.js، و Tailwind،
الخبرات
بناء متجر الكتروني باستخدام react , redux toolkit, tailwind
بنيت موقعًا للتجارة الإلكترونية يستخدم تقنيات حديثة لضمان تجربة مستخدم سلسة ومتفاعلة. تم بناء الموقع باستخدام React JS لتوفير واجهات ديناميكية ومستجيبة، مما يعزز من قابلية الاستخدام عبر مختلف الأجهزة. تم اختيار Tailwind CSS وMaterial UI لقدرتهما على خلق تصاميم جذابة بينما يتم الحفاظ على قابلية التوسع.
لإدارة الحالة بكفاءة وضمان تدفق البيانات بسلاسة، تم استخدام Redux Toolkit، مما يحسن الأداء ويمكن من تحديثات الوقت الحقيقي.
هذا التجميع من التقنيات لا يوفر فقط أساسًا قويًا للموقع، بل يولي اهتمامًا كبيرًا لتفاعل المستخدم والأداء، مما يضمن تجربة تسوق سريعة وسهلة الاستخدام.
بناء موقع تواصل اجتماعي باستخدام react , material ui , redux toolkit , node js , express , mangodb
لقد قمت ببناء تطبيق للشبكات الاجتماعية باستخدام React وMaterial UI على الجانب العميل، وNode.js وExpress على الجانب الخادم، مع قاعدة بيانات MongoDB. التطبيق يوفر منصة متكاملة للمستخدمين للتفاعل والتواصل عبر الإنترنت.
باستخدام React، تم تطوير واجهات مستخدم ديناميكية وسلسة، مما يسمح للمستخدمين بتصفح المحتوى بسهولة والتفاعل معه. Material UI توفر تصميمات جذابة ومرنة، مما يسهل عملية الإنشاء والتخصيص بشكل جميل.
على الجانب الخادم، يتم استخدام Node.js وExpress لتوفير خدمات الويب القوية والموثوقة التي تتفاعل بسلاسة مع قاعدة بيانات MongoDB. هذا يسمح بإدارة البيانات بكفاءة وتوفير استجابة سريعة لطلبات المستخدمين.
تقنية Redux Toolkit تُستخدم لإدارة الحالة بكفاءة، مما يسهل عملية التحكم في البيانات عبر تطبيقك ويضمن التحديثات الفورية للمستخدمين.
بالمجمل، يوفر التطبيق تجربة متكاملة وممتعة للمستخدمين الذين يرغبون في الاتصال والتفاعل مع بعضهم البعض عبر منصة شبكات اجتماعية حديثة وفعالة.
بناء فورم تسجيل حساب جديد و تسجيل دخول بستخدام react hook form , zod
لقد قمت ببناء عملية تسجيل الدخول والتسجيل عبر عدة صفحات باستخدام تقنيات حديثة ومتقدمة. تم تطوير الجزء الأمامي باستخدام React لتوفير واجهة مستخدم ديناميكية ومتجاوبة. تم استخدام Tailwind CSS لنهجه المبني على الأدوات، مما سمح بتصميم سريع وحديث وسهل التعديل.
للتعامل مع التحقق من صحة البيانات وإدارة عمليات التقديم بسلاسة، تم دمج React Hook Form، الذي يوفر بساطة وكفاءة في إدارة حالة النماذج ومنطق التحقق من البيانات. تم استخدام Zod، المكتبة القوية للتحقق من البيانات المبنية على TypeScript، لضمان سلامة البيانات والتحقق منها بدقة.
هذا التجميع من React وTailwind CSS وReact Hook Form وZod لا يسهل فقط تجربة المستخدم من خلال تيسير التنقل عبر النماذج المتعددة الصفحات، بل يعزز أيضًا أمان البيانات ودقة التحقق منها. يمكن للمستخدمين الآن التسجيل وتسجيل الدخول بسهولة وبأمان، مستفيدين من واجهة سهلة الاستخدام وتحقق قوي للبيانات في الخلفية.
التعليم
React js - Hooks - Redux - State - Router رياكت بالعربي
أكملت بنجاح دورة React js - Hooks - Redux - State - Router رياكت بالعربي بتاريخ 25/09/2023 بإشراف يعرب المصطفى.