Ahmed S.
نبذة
السلام عليكم
Front-End Developer | React & Next.js
مطور واجهات أمامية متخصص في React.js ، مع خبرة في بناء واجهات مستخدم حديثة وسريعة الاستجابة. لدي مهارات قوية في:
JavaScript (ES6+), TypeScript
HTML, CSS, jQuery, scss,
Tailwind CSS, Bootstrap, MUI
Redux, TanStack React Query
clerk , Rechart, shadcn ui, formik and yup
أعمل على تطوير تطبيقات ويب عالية الأداء مع تجربة مستخدم سلسة، وأهتم بأفضل الممارسات في كتابة الكود وتحسين الأداء. متاح للعمل على مشاريع جديدة!
الخبرات
مطور واجهات أمامية (Front-End Developer)
متخصص في بناء واجهات باستخدام React.js وNext.js مع Tailwind CSS واهتمام كبير بتحسين تجربة المستخدم وأداء الموقع.
إدارة الحالة بـ Redux
أُتقن استخدام Redux لتنظيم البيانات وتسهيل التواصل بين المكونات في تطبيقات React، خاصة في المشاريع الكبيرة والمعقدة.
أدوات التصميم والـ UI Libraries
أستخدم مكتبات حديثة زي ShadCN, MUI, Flowbite, Tailwind CSS، وBootstrap لبناء واجهات أنيقة، متجاوبة وسهلة الاستخدام، مع الحفاظ على تناسق التصميم وسرعة التطوير.
إدارة وجلب البيانات (Axios & React Query)
أستخدم Axios لربط الواجهة الخلفية بالواجهة الأمامية، ومع React Query بقدر أتعامل مع البيانات بذكاء، من خلال الكاش وإعادة التحديث التلقائي لتحسين الأداء وتجربة المستخدم.
TypeScript
أستخدم TypeScript لكتابة كود أكثر أمانًا وتنظيمًا، بيساعدني أكتشف الأخطاء بدري ويوفر تجربة تطوير أوضح وأسهل في المشاريع الكبيرة.
المصادقة وإدارة المستخدمين (Clerk)
أستخدم Clerk لتوفير تسجيل دخول آمن وسهل، مع دعم الجلسات، والتحقق بخطوتين، وإدارة كاملة لحسابات المستخدمين بكل سلاسة.
إدارة النماذج والتحقق (Formik & Yup)
أستخدم Formik لبناء نماذج تفاعلية بسهولة، ومع Yup بضيف تحقق ذكي وفوري على البيانات لضمان دقة المدخلات وتحسين تجربة المستخدم.
عرض البيانات بشكل بصري (Recharts)
أستخدم Recharts لإنشاء رسوم بيانية تفاعلية ومرنة تساعد في توصيل البيانات بشكل مبسط وجذاب للمستخدم.
دعم الوضع الليلي (Dark Mode)
بوفّر تجربة مستخدم مريحة في الإضاءة المنخفضة من خلال دعم الوضع الليلي بشكل أنيق وسلس، مع تبديل تلقائي أو يدوي بين الوضعين.