{"componentChunkName":"component---src-pages-projects-index-ar-js","path":"/projects/index.ar/","result":{"data":{"projects":{"nodes":[{"html":"<p>برنامج يساعد أمين الصندوق على إجراء التغيير المناسب للعملاء. تقوم بإرجاع كمية الأوراق النقدية والعملات المعدنية لتغيير العميل.</p>\n<p>مثال: إذا كان السعر 3.75 يورو والمبلغ المدفوع 50 يورو ، فيجب على العميل أن يسترد 46.25 يورو في التغيير.</p>","frontmatter":{"slug":"Cashier-Problem","stack":"JAVASCRIPT HTML & CSS","title":"أمين الصندوق","link":"https://mohammadkharma.github.io/DOM/projects/cashier_problem/","thumb":{"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAMFAf/EABUBAQEAAAAAAAAAAAAAAAAAAAAB/9oADAMBAAIQAxAAAAFbJYlwwr//xAAcEAACAgIDAAAAAAAAAAAAAAABAwACERITIjL/2gAIAQEAAQUCT5Le4aIGWxvap4wZ/8QAFREBAQAAAAAAAAAAAAAAAAAAACH/2gAIAQMBAT8BV//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQIBAT8BP//EABoQAAEFAQAAAAAAAAAAAAAAAAABAhASITH/2gAIAQEABj8CKtQ07P8A/8QAGxABAAICAwAAAAAAAAAAAAAAAQARIXExQbH/2gAIAQEAAT8h9ZiAHu8wBV71EIKGoBoizmLP/9oADAMBAAIAAwAAABCn3//EABYRAQEBAAAAAAAAAAAAAAAAAAEAEf/aAAgBAwEBPxAW2f/EABYRAQEBAAAAAAAAAAAAAAAAAAABEf/aAAgBAgEBPxBkf//EABsQAQEBAAIDAAAAAAAAAAAAAAERADFBUWHR/9oACAEBAAE/EHKCxd84yzMTYfWBojzMtWniPmZ6CVPLpBCzvf/Z","aspectRatio":1.492537313432836,"src":"/static/b434ce8fd26648afc56742c12dc5085e/14b42/cashier-min.jpg","srcSet":"/static/b434ce8fd26648afc56742c12dc5085e/f836f/cashier-min.jpg 200w,\n/static/b434ce8fd26648afc56742c12dc5085e/2244e/cashier-min.jpg 400w,\n/static/b434ce8fd26648afc56742c12dc5085e/14b42/cashier-min.jpg 800w,\n/static/b434ce8fd26648afc56742c12dc5085e/47498/cashier-min.jpg 1200w,\n/static/b434ce8fd26648afc56742c12dc5085e/0e329/cashier-min.jpg 1600w,\n/static/b434ce8fd26648afc56742c12dc5085e/a51c4/cashier-min.jpg 3872w","sizes":"(max-width: 800px) 100vw, 800px"}}}},"id":"8965603d-63f9-5aa1-a7ab-73a0e06763c4"},{"html":"<h3>Firebase</h3>\n<p>تطبيق دردشة في الوقت الفعلي يستخدم Firebase كقاعدة بيانات. تم إنشاء ثلاثة ملفات JAVASCRIPT للتعامل مع قاعدة البيانات وواجهة المستخدم ودمجها معًا.</p>","frontmatter":{"slug":"Chatroom-App","stack":"JAVASCRIPT HTML & CSS","title":"غرفة الدردشة","link":"https://mohammadkharma.github.io/DOM/projects/real_time_chatroom/","thumb":{"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAIDAQT/xAAXAQADAQAAAAAAAAAAAAAAAAAAAgMF/9oADAMBAAIQAxAAAAG3CiU0NJin/8QAGxAAAQQDAAAAAAAAAAAAAAAAAQACEBESEyH/2gAIAQEAAQUC12HcKyn/xAAXEQADAQAAAAAAAAAAAAAAAAABEBFB/9oACAEDAQE/ARdX/8QAFREBAQAAAAAAAAAAAAAAAAAAARD/2gAIAQIBAT8BZ//EABcQAAMBAAAAAAAAAAAAAAAAAAABESD/2gAIAQEABj8CqaJn/8QAGBAAAwEBAAAAAAAAAAAAAAAAAAERIVH/2gAIAQEAAT8hbr0EaOHClDZT/9oADAMBAAIAAwAAABCr3//EABcRAQEBAQAAAAAAAAAAAAAAABEBAHH/2gAIAQMBAT8QG1M5nf/EABURAQEAAAAAAAAAAAAAAAAAABAR/9oACAECAQE/EKP/xAAaEAEBAQEAAwAAAAAAAAAAAAABABExIVGh/9oACAEBAAE/EOlEY7HWTWWeyfKXO/ZWVt//2Q==","aspectRatio":1.5037593984962405,"src":"/static/bb753daa46d754a5aa446030cadf3dfa/14b42/chat-min.jpg","srcSet":"/static/bb753daa46d754a5aa446030cadf3dfa/f836f/chat-min.jpg 200w,\n/static/bb753daa46d754a5aa446030cadf3dfa/2244e/chat-min.jpg 400w,\n/static/bb753daa46d754a5aa446030cadf3dfa/14b42/chat-min.jpg 800w,\n/static/bb753daa46d754a5aa446030cadf3dfa/47498/chat-min.jpg 1200w,\n/static/bb753daa46d754a5aa446030cadf3dfa/0e329/chat-min.jpg 1600w,\n/static/bb753daa46d754a5aa446030cadf3dfa/facae/chat-min.jpg 6016w","sizes":"(max-width: 800px) 100vw, 800px"}}}},"id":"c641a9b0-f272-52c8-bb36-773972d0877a"},{"html":"<p>زر مربع اختيار متوهج بسيط يقوم بالتبديل بين المظاهر الداكنة والفاتحة. كان النشر على netlify.</p>","frontmatter":{"slug":"glowing-button-themes","stack":"HTML & CSS","title":"ثيمات","link":"https://epic-benz-9f533b.netlify.app/","thumb":{"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAALABQDASIAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAAMBAgX/xAAVAQEBAAAAAAAAAAAAAAAAAAAAAf/aAAwDAQACEAMQAAABw2KYXILP/8QAFxABAQEBAAAAAAAAAAAAAAAAAAEyIf/aAAgBAQABBQKLrqLt/8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAwEBPwE//8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPwE//8QAFhABAQEAAAAAAAAAAAAAAAAAEAEx/9oACAEBAAY/AjSn/8QAGhAAAgIDAAAAAAAAAAAAAAAAAAEhMRARQf/aAAgBAQABPyEaU6QrJEoP/9oADAMBAAIAAwAAABBz3//EABURAQEAAAAAAAAAAAAAAAAAAAEQ/9oACAEDAQE/ECf/xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAECAQE/ED//xAAcEAACAgIDAAAAAAAAAAAAAAABIQARMXGBscH/2gAIAQEAAT8QaqDcvMqGzhTQQujB4a8giwn/2Q==","aspectRatio":1.7699115044247788,"src":"/static/73f20be5c7418b18207854621aa01275/14b42/glow-min.jpg","srcSet":"/static/73f20be5c7418b18207854621aa01275/f836f/glow-min.jpg 200w,\n/static/73f20be5c7418b18207854621aa01275/2244e/glow-min.jpg 400w,\n/static/73f20be5c7418b18207854621aa01275/14b42/glow-min.jpg 800w,\n/static/73f20be5c7418b18207854621aa01275/47498/glow-min.jpg 1200w,\n/static/73f20be5c7418b18207854621aa01275/0e329/glow-min.jpg 1600w,\n/static/73f20be5c7418b18207854621aa01275/27fce/glow-min.jpg 3840w","sizes":"(max-width: 800px) 100vw, 800px"}}}},"id":"df9f4eae-bef6-55bb-a951-0f2618d4daa7"},{"html":"<p>كان هذا المشروع عبارة عن موقع ويب نموذجي لصديق طبيب لديه مختبرات وعيادة. كان الهدف هو العمل على مشروع كامل من الأنماط إلى معالجة البيانات ونشرها أيضًا.</p>","frontmatter":{"slug":"Clinic","stack":"JAVASCRIPT HTML & CSS","title":"عيادة","link":"https://mohammadkharma.github.io/DOM/projects/pharmakopoeia_laboratories/","thumb":{"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAIEAQX/xAAVAQEBAAAAAAAAAAAAAAAAAAAAAf/aAAwDAQACEAMQAAAB6msxGWCf/8QAGhABAAIDAQAAAAAAAAAAAAAAAQACEBESIf/aAAgBAQABBQJv5zWNiNRgax//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAEDAQE/AT//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAECAQE/AT//xAAbEAABBAMAAAAAAAAAAAAAAAAAAQMRIRBxgf/aAAgBAQAGPwKiYnZTKrwvP//EABwQAAICAgMAAAAAAAAAAAAAAAERACFBUWFxkf/aAAgBAQABPyG0SQFM56mkLYON+AEahr5gQQxDP//aAAwDAQACAAMAAAAQkO//xAAWEQEBAQAAAAAAAAAAAAAAAAAAARH/2gAIAQMBAT8QZX//xAAVEQEBAAAAAAAAAAAAAAAAAAAAEf/aAAgBAgEBPxBX/8QAHBAAAgMAAwEAAAAAAAAAAAAAAREAITFBUYGx/9oACAEBAAE/EDF+9DeNuBd8qOLGuwPpmIHaHyCHARgEIKhQpEBwT//Z","aspectRatio":1.5037593984962405,"src":"/static/7b8d092184a0e6557f204c5395dda59b/14b42/clinic-min.jpg","srcSet":"/static/7b8d092184a0e6557f204c5395dda59b/f836f/clinic-min.jpg 200w,\n/static/7b8d092184a0e6557f204c5395dda59b/2244e/clinic-min.jpg 400w,\n/static/7b8d092184a0e6557f204c5395dda59b/14b42/clinic-min.jpg 800w,\n/static/7b8d092184a0e6557f204c5395dda59b/47498/clinic-min.jpg 1200w,\n/static/7b8d092184a0e6557f204c5395dda59b/0e329/clinic-min.jpg 1600w,\n/static/7b8d092184a0e6557f204c5395dda59b/b2131/clinic-min.jpg 3000w","sizes":"(max-width: 800px) 100vw, 800px"}}}},"id":"aff011e9-962e-5c98-bb05-9e30f4a6cd53"},{"html":"<p>واجهة مستخدم للعبة التخمين حيث يتعين على اللاعب تخمين رقم في المتصفح. يقوم اللاعب بإدخال التخمين في المتصفح ويتلقى إجابة يتم عرضها لإظهار ما إذا كان التخمين ناجحًا أم لا. كما يرى اللاعب عدد المحاولات المتبقية. بعد ثلاث محاولات ، سيتم إبلاغ اللاعب بأنه قد ربح (في المحاولة الأخيرة) أو خسر اللعبة. اللاعب قادر على إعادة تشغيل اللعبة.</p>","frontmatter":{"slug":"Guessing-Game","stack":"JAVASCRIPT HTML & CSS","title":"لعبة التخمين","link":"https://mohammadkharma.github.io/DOM/projects/guessing_game/","thumb":{"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAOABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAABAACBf/EABUBAQEAAAAAAAAAAAAAAAAAAAAB/9oADAMBAAIQAxAAAAHjoLsZEk//xAAZEAADAAMAAAAAAAAAAAAAAAAAARECEBL/2gAIAQEAAQUCQsoutVlP/8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAwEBPwE//8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPwE//8QAFhAAAwAAAAAAAAAAAAAAAAAAACBh/9oACAEBAAY/Air/AP/EABsQAAICAwEAAAAAAAAAAAAAAAABMXERQWGR/9oACAEBAAE/IZlSfhpmRNKzsJj/2gAMAwEAAgADAAAAEOM//8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAwEBPxA//8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPxA//8QAHxAAAgMAAAcAAAAAAAAAAAAAAREAITFBUWFxkaHw/9oACAEBAAE/EL6tV3hykk0eSL3CZDEl/CLSierITFhOFb5iGz//2Q==","aspectRatio":1.4388489208633093,"src":"/static/f2c9a9cd2a5076d1b9861a791e628b83/14b42/guess-min.jpg","srcSet":"/static/f2c9a9cd2a5076d1b9861a791e628b83/f836f/guess-min.jpg 200w,\n/static/f2c9a9cd2a5076d1b9861a791e628b83/2244e/guess-min.jpg 400w,\n/static/f2c9a9cd2a5076d1b9861a791e628b83/14b42/guess-min.jpg 800w,\n/static/f2c9a9cd2a5076d1b9861a791e628b83/47498/guess-min.jpg 1200w,\n/static/f2c9a9cd2a5076d1b9861a791e628b83/0e329/guess-min.jpg 1600w,\n/static/f2c9a9cd2a5076d1b9861a791e628b83/4fcd8/guess-min.jpg 2200w","sizes":"(max-width: 800px) 100vw, 800px"}}}},"id":"37ebb590-e4aa-581a-bbce-2feb6fd2903f"},{"html":"<h3>REACT</h3>\n<p>تطبيق نشر بسيط مع مصادقة للتسجيل وتسجيل الدخول. يعتمد المشروع على React و google firebase للحصول على البيانات. الأنماط أولية حيث كان التركيز على المصادقة.</p>","frontmatter":{"slug":"Posts-Manager","stack":"JAVASCRIPT HTML & CSS","title":"مدير الوظائف","link":"https://mohammadkharma.github.io/signin","thumb":{"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAIEAf/EABUBAQEAAAAAAAAAAAAAAAAAAAIB/9oADAMBAAIQAxAAAAGwVy4zSL//xAAZEAACAwEAAAAAAAAAAAAAAAAAAQIRIQP/2gAIAQEAAQUCSRR0W3tk3v8A/8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAwEBPwE//8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPwE//8QAGBAAAwEBAAAAAAAAAAAAAAAAAAEQcYH/2gAIAQEABj8CiyLgj//EAB0QAAEEAgMAAAAAAAAAAAAAAAABESFRMUGRobH/2gAIAQEAAT8hhIyaqhkY1VCeFAnenhk95scQf//aAAwDAQACAAMAAAAQ+P8A/8QAFxEBAQEBAAAAAAAAAAAAAAAAAQARIf/aAAgBAwEBPxDsJl//xAAVEQEBAAAAAAAAAAAAAAAAAAABAP/aAAgBAgEBPxCRv//EABwQAQACAgMBAAAAAAAAAAAAAAEAESFBMWGBUf/aAAgBAQABPxCwBljgbzLjfWvpM2yHR3FyRe2C4WZHwzUPvtn/2Q==","aspectRatio":1.5037593984962405,"src":"/static/f40044ce4443af1c9202d94e35d22dea/14b42/post-min.jpg","srcSet":"/static/f40044ce4443af1c9202d94e35d22dea/f836f/post-min.jpg 200w,\n/static/f40044ce4443af1c9202d94e35d22dea/2244e/post-min.jpg 400w,\n/static/f40044ce4443af1c9202d94e35d22dea/14b42/post-min.jpg 800w,\n/static/f40044ce4443af1c9202d94e35d22dea/47498/post-min.jpg 1200w,\n/static/f40044ce4443af1c9202d94e35d22dea/0e329/post-min.jpg 1600w,\n/static/f40044ce4443af1c9202d94e35d22dea/c128d/post-min.jpg 5760w","sizes":"(max-width: 800px) 100vw, 800px"}}}},"id":"bc841182-c33e-5383-8afe-6a83553a26c9"},{"html":"<h3>JAVASCRIPT</h3>\n<p>نموذج اختبار يسمح بالاختيار من بين الإجابات ثم الحصول على درجة مئوية مع بعض الرسوم المتحركة.</p>","frontmatter":{"slug":"Quiz-App","stack":"JAVASCRIPT HTML & CSS","title":"اختبار","link":"https://mohammadkharma.github.io/DOM/projects/quiz_app/main.html","thumb":{"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAOABQDASIAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAAUBAgT/xAAWAQEBAQAAAAAAAAAAAAAAAAACAAH/2gAMAwEAAhADEAAAAai2Q94uLP/EABgQAAMBAQAAAAAAAAAAAAAAAAACERMB/9oACAEBAAEFAovTiKRLoamh/8QAFhEAAwAAAAAAAAAAAAAAAAAAAAIR/9oACAEDAQE/AYpFP//EABURAQEAAAAAAAAAAAAAAAAAAAAh/9oACAECAQE/Aar/xAAeEAABAgcBAAAAAAAAAAAAAAAAITEBAgMQERJygf/aAAgBAQAGPwJJtfBamYc2YYY//8QAGhABAQADAQEAAAAAAAAAAAAAAQARIVFBof/aAAgBAQABPyF+kbREw8NJyDwcD0gkYa//2gAMAwEAAgADAAAAEGAv/8QAFREBAQAAAAAAAAAAAAAAAAAAAGH/2gAIAQMBAT8QFH//xAAWEQEBAQAAAAAAAAAAAAAAAAAAEVH/2gAIAQIBAT8QrcP/xAAbEAEBAAIDAQAAAAAAAAAAAAABEQAhMUGBUf/aAAgBAQABPxBJDGoBfjisa5lXpg1u0qr9nBL34mFQJesgx2Od5//Z","aspectRatio":1.3986013986013985,"src":"/static/7cae25046adf59db8fa4ddd329aeda49/14b42/quiz-min.jpg","srcSet":"/static/7cae25046adf59db8fa4ddd329aeda49/f836f/quiz-min.jpg 200w,\n/static/7cae25046adf59db8fa4ddd329aeda49/2244e/quiz-min.jpg 400w,\n/static/7cae25046adf59db8fa4ddd329aeda49/14b42/quiz-min.jpg 800w,\n/static/7cae25046adf59db8fa4ddd329aeda49/47498/quiz-min.jpg 1200w,\n/static/7cae25046adf59db8fa4ddd329aeda49/0e329/quiz-min.jpg 1600w,\n/static/7cae25046adf59db8fa4ddd329aeda49/a91b5/quiz-min.jpg 2889w","sizes":"(max-width: 800px) 100vw, 800px"}}}},"id":"3c2d15ee-3eba-52f8-bdaa-c2049b729022"},{"html":"<p>اقتباس لمنشئ اليوم يعرض اقتباسًا عشوائيًا من مصفوفة عروض الأسعار. تستخدم وظائف متعددة ، تقوم بشيء واحد محدد فقط لجعل الكود أكثر قابلية للقراءة وأسهل صيانته / تمديده. الوحدات المستخدمة لإكمال مهمة استيراد علامات الاقتباس إلى ملف جافا سكريبت الرئيسي. يمكن للمستخدم النقر فوق الزر \"عرض أسعار عشوائي\" لإنشاء أحد الاقتباسات.</p>","frontmatter":{"slug":"Quote-Of-The-Day","stack":"JAVASCRIPT HTML & CSS","title":"اقتباسات","link":"https://mohammadkharma.github.io/DOM/projects/quote_of_day/","thumb":{"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAIDBf/EABYBAQEBAAAAAAAAAAAAAAAAAAIAAf/aAAwDAQACEAMQAAAB5lxSzAG//8QAFxABAQEBAAAAAAAAAAAAAAAAAwIBEP/aAAgBAQABBQKI1NsqPhpp6jUvP//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8BP//EABcRAAMBAAAAAAAAAAAAAAAAAAECEBH/2gAIAQIBAT8BU5P/xAAbEAABBAMAAAAAAAAAAAAAAAAAAQIQESEiQf/aAAgBAQAGPwKmm3YtDMf/xAAZEAEBAAMBAAAAAAAAAAAAAAABEQAQITH/2gAIAQEAAT8hewoXJkx8d0l90mMDPCa//9oADAMBAAIAAwAAABBQP//EABYRAQEBAAAAAAAAAAAAAAAAAAEQMf/aAAgBAwEBPxBFyf/EABYRAAMAAAAAAAAAAAAAAAAAAAEQMf/aAAgBAgEBPxAFL//EABoQAQEAAwEBAAAAAAAAAAAAAAERABAhUfD/2gAIAQEAAT8QPNUKznzhpACzVmoM0K+ZC9yAa//Z","aspectRatio":1.5037593984962405,"src":"/static/a9bcd91d004816f044372cb44daa933a/14b42/quote-min.jpg","srcSet":"/static/a9bcd91d004816f044372cb44daa933a/f836f/quote-min.jpg 200w,\n/static/a9bcd91d004816f044372cb44daa933a/2244e/quote-min.jpg 400w,\n/static/a9bcd91d004816f044372cb44daa933a/14b42/quote-min.jpg 800w,\n/static/a9bcd91d004816f044372cb44daa933a/47498/quote-min.jpg 1200w,\n/static/a9bcd91d004816f044372cb44daa933a/0e329/quote-min.jpg 1600w,\n/static/a9bcd91d004816f044372cb44daa933a/c57b6/quote-min.jpg 4272w","sizes":"(max-width: 800px) 100vw, 800px"}}}},"id":"c780fd8b-0181-57e6-b236-55c74102ff08"},{"html":"<h3>REACT</h3>\n<p>كان الهدف من هذا المشروع هو ممارسة جهاز React Router. يتم استخدام AXIOS أيضًا بالإضافة إلى عنصر نائب JSON لطلب واجهة برمجة التطبيقات.</p>","frontmatter":{"slug":"React-Router","stack":"JAVASCRIPT HTML & CSS","title":"راوتر","link":"https://mohammadkharma.github.io/","thumb":{"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAAQBAwX/xAAWAQEBAQAAAAAAAAAAAAAAAAAEAQP/2gAMAwEAAhADEAAAARpCWlvM80n/xAAYEAADAQEAAAAAAAAAAAAAAAAAAQIRIf/aAAgBAQABBQJMVLKrsU0VbNP/xAAWEQEBAQAAAAAAAAAAAAAAAAAAARL/2gAIAQMBAT8BjL//xAAXEQADAQAAAAAAAAAAAAAAAAAAAQIS/9oACAECAQE/AahtmD//xAAWEAADAAAAAAAAAAAAAAAAAAAAICH/2gAIAQEABj8CIv8A/8QAGBABAQEBAQAAAAAAAAAAAAAAAQAhEUH/2gAIAQEAAT8hPO9tEKnnLXC4y/Za3//aAAwDAQACAAMAAAAQE+//xAAVEQEBAAAAAAAAAAAAAAAAAAABEP/aAAgBAwEBPxAAR//EABgRAAIDAAAAAAAAAAAAAAAAAAABESEx/9oACAECAQE/EKTglg//xAAaEAEBAQEBAQEAAAAAAAAAAAABEQAxIVFx/9oACAEBAAE/ECPqvwX5r8+HBbOXEBeZJYvY4b1P65orv//Z","aspectRatio":1.5037593984962405,"src":"/static/8306093e518af7b81516b642fc48689c/14b42/router-min.jpg","srcSet":"/static/8306093e518af7b81516b642fc48689c/f836f/router-min.jpg 200w,\n/static/8306093e518af7b81516b642fc48689c/2244e/router-min.jpg 400w,\n/static/8306093e518af7b81516b642fc48689c/14b42/router-min.jpg 800w,\n/static/8306093e518af7b81516b642fc48689c/47498/router-min.jpg 1200w,\n/static/8306093e518af7b81516b642fc48689c/0e329/router-min.jpg 1600w,\n/static/8306093e518af7b81516b642fc48689c/b85df/router-min.jpg 3500w","sizes":"(max-width: 800px) 100vw, 800px"}}}},"id":"d1016763-6311-5537-a3e7-79eac2ed3078"},{"html":"<h3>REACT</h3>\n<p>هذا هو أول مشروع لي في React. كان من الممتع والسهل متابعة التوثيق وبناء لعبة Tic Tac Toe. لم يتم تطبيق أي أنماط خيالية ، حيث كان التركيز الأساسي هو إعطاء القدرة على القفز بين مراحل اللعبة عن طريق حفظ كل حركة في حالة المكون.</p>","frontmatter":{"slug":"Tic-Tac-Toe-Game","stack":"JAVASCRIPT HTML & CSS","title":"تيك تاك تو","link":"https://mohammadkharma.github.io/Tic_Tac_Toe_Game/","thumb":{"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAgADBf/EABQBAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhADEAAAAecWTCUf/8QAGBAAAgMAAAAAAAAAAAAAAAAAAAIRIDH/2gAIAQEAAQUCijaf/8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAwEBPwE//8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPwE//8QAFBABAAAAAAAAAAAAAAAAAAAAIP/aAAgBAQAGPwJf/8QAGBABAQEBAQAAAAAAAAAAAAAAAQAhETH/2gAIAQEAAT8hnBMk28sKb//aAAwDAQACAAMAAAAQay//xAAYEQACAwAAAAAAAAAAAAAAAAAAEQEhMf/aAAgBAwEBPxBsnaP/xAAVEQEBAAAAAAAAAAAAAAAAAAAQEf/aAAgBAgEBPxCH/8QAGxABAQACAwEAAAAAAAAAAAAAAREAITFBYVH/2gAIAQEAAT8QA6QNa3bizFnLJjEPOLFJTuZ6B8cFaqvrn//Z","aspectRatio":1.492537313432836,"src":"/static/61446c87c377ec481968fd90c4eb5541/14b42/tic-min.jpg","srcSet":"/static/61446c87c377ec481968fd90c4eb5541/f836f/tic-min.jpg 200w,\n/static/61446c87c377ec481968fd90c4eb5541/2244e/tic-min.jpg 400w,\n/static/61446c87c377ec481968fd90c4eb5541/14b42/tic-min.jpg 800w,\n/static/61446c87c377ec481968fd90c4eb5541/47498/tic-min.jpg 1200w,\n/static/61446c87c377ec481968fd90c4eb5541/0e329/tic-min.jpg 1600w,\n/static/61446c87c377ec481968fd90c4eb5541/c57b6/tic-min.jpg 4272w","sizes":"(max-width: 800px) 100vw, 800px"}}}},"id":"57545891-2b01-5755-85d1-2e1822493dad"},{"html":"<h3>JQUERY</h3>\n<p>يحتوي التطبيق على حقل إدخال نصي داخل نموذج وزر للإرسال. يمكن للمستخدم كتابة أي مهمة في حقل الإدخال ثم رؤية المهمة كعنصر قائمة أدناه. في أي وقت يتم فيه إرسال النموذج (إما عن طريق الضغط على إدخال في الحقل أو بالنقر فوق الزر) ، يتم إنشاء عنصر قائمة جديد بنص محتوى حقل الإدخال.</p>","frontmatter":{"slug":"ToDo-App","stack":"JAVASCRIPT HTML & CSS","title":"عمل قائمة","link":"https://mohammadkharma.github.io/DOM/projects/to_do_app/","thumb":{"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAMEAQX/xAAWAQEBAQAAAAAAAAAAAAAAAAADAQL/2gAMAwEAAhADEAAAAcfCs16ZEXP/xAAbEAABBAMAAAAAAAAAAAAAAAADAAECERAhIv/aAAgBAQABBQIRrTkwNqhB+tr/xAAVEQEBAAAAAAAAAAAAAAAAAAABEP/aAAgBAwEBPwEJ/8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPwE//8QAGBAAAwEBAAAAAAAAAAAAAAAAAAEhIFH/2gAIAQEABj8Cp3EbR//EABoQAAMBAQEBAAAAAAAAAAAAAAABESFRQaH/2gAIAQEAAT8hqmGJq6+Dj0Tf1q0Y1HDxOI//2gAMAwEAAgADAAAAEBsP/8QAFhEBAQEAAAAAAAAAAAAAAAAAAREA/9oACAEDAQE/EKFdHf/EABYRAQEBAAAAAAAAAAAAAAAAAAABEf/aAAgBAgEBPxBsf//EABoQAQEBAQADAAAAAAAAAAAAAAERACExgaH/2gAIAQEAAT8QjPHomYYqcUT2cG6GlphB7c+pqh3j51CybQl3/9k=","aspectRatio":1.5037593984962405,"src":"/static/f90b38e5969a944594dba1d041d22df1/14b42/todo-min.jpg","srcSet":"/static/f90b38e5969a944594dba1d041d22df1/f836f/todo-min.jpg 200w,\n/static/f90b38e5969a944594dba1d041d22df1/2244e/todo-min.jpg 400w,\n/static/f90b38e5969a944594dba1d041d22df1/14b42/todo-min.jpg 800w,\n/static/f90b38e5969a944594dba1d041d22df1/47498/todo-min.jpg 1200w,\n/static/f90b38e5969a944594dba1d041d22df1/0e329/todo-min.jpg 1600w,\n/static/f90b38e5969a944594dba1d041d22df1/4111b/todo-min.jpg 4574w","sizes":"(max-width: 800px) 100vw, 800px"}}}},"id":"9d06debd-ce80-5a4a-a73b-9caf72a01e35"}]},"contact":{"siteMetadata":{"contact":"mohammad.kh.8688@gmail.com"}}},"pageContext":{}},"staticQueryHashes":[]}