مقدمة

بدأت هذا الشهر العمل على مشروع جانبي جديد يسمى R2 Tester - والذي كان يُسمى في الأصل Postman-frontend، وذلك بفضل ChatGPT. تم تصميم R2 Tester كأداة تعليمية، وهو يكرر واجهة Postman وميزاته، مما يساعدني على تعميق فهمي لتفاعل واجهة برمجة التطبيقات. نشأت الفكرة من مشروع جانبي آخر بدأت العمل عليه الشهر الماضي (نعم؟‍♂️).

حول اختبار R2

إنها أداة صممتها للتدرب على تبادل البيانات والملفات (لم يتم تنفيذها بعد) مع الواجهة الخلفية (Node.js في حالتي). تم تطوير الواجهة الأمامية باستخدام HTML وCSS/SASS وJavaScript ومعالجة DOM وBootstrap وPrettify لتنسيق JSON.

تقوم الأداة بحفظ الطلبات في وحدة التخزين المحلية للمتصفح وتحميلها على واجهة المستخدم (بناءً على تفاعل المستخدم). يمكن للمستخدمين إنشاء مجموعات ومجلدات وطلبات فردية، مع إظهار الاستجابات بطريقة عرض نظيفة ومنسقة من خلال Prettify.

الميزات الرئيسية

• تبادل البيانات: تم تصميم R2 Tester لمساعدة المستخدمين على ممارسة إرسال واستقبال البيانات مع الواجهة الخلفية.
• تم الإنشاء باستخدام: HTML وCSS/SASS وJavaScript وDOM وBootstrap.
• إدارة الطلبات: يمكن للمستخدمين إنشاء وإدارة المجموعات والمجلدات والطلبات.
• التخزين المحلي: حفظ الطلبات وتحميلها مباشرة من التخزين المحلي للمتصفح.
• تجميل: تنسيق استجابات JSON لتسهيل القراءة.

الكود والعرض التجريبي المباشر

يمكنك التعمق في الكود ورؤية العرض التوضيحي المباشر للمشروع مباشرة في متصفحك من خلال زيارة مستودع GitHub الخاص بالمشروع على عنوان URL التالي:

https://github.com/adnannazir235/R2-Tester

حالة المشروع

R2 Tester هو عمل قيد التقدم، ويفتقر إلى الميزات الأساسية. كان الغرض الرئيسي منه هو تعلم تفاعلات واجهة برمجة التطبيقات (API). أثناء عرض المفاهيم الأساسية، فهو ليس للاستخدام الإنتاجي. استكشف الكود للأغراض التعليمية، ولكن انتبه إلى حدوده.

خاتمة

لقد كان R2 Tester مشروعًا تعليميًا مثيرًا سمح لي باستكشاف تعقيدات تطوير الويب وتفاعلات واجهة برمجة التطبيقات (API). وبينما أواصل تطوير هذه الأداة، آمل أن تكون بمثابة مصدر مفيد للآخرين الذين يتطلعون أيضًا إلى تعميق فهمهم للاتصالات الخلفية وتبادل البيانات.