لقد كنت أعمل على تطبيق ويب يسمى "Heat"، والغرض الوحيد من التطبيق هو مساعدتي في تعلم وتطبيق JavaScript وتحسين CSS الخاص بي، والكثير من الواجهة الخلفية أيضًا. كانت الخطة هي إنشاء تطبيق ويب جذاب بصريًا مع بعض الميزات الممتعة.

ما تعلمته في هذه العملية:

تم إنشاء الواجهة الأمامية باستخدام React js، لقد اخترت React بدافع الفضول ومعرفة سبب الضجيج، وكان أحد أهدافي هو دمج بعض واجهات برمجة تطبيقات Google في المشروع، وكان الهدف الذي اخترته هو خرائط Google API، أنا أستخدمها للإكمال التلقائي لشريط البحث. لم يكن التنفيذ صعبًا للغاية بسبب مكتبة Reacts -> @react-google-maps/api التي تساعد على دمج ميزات خرائط Google للتفاعل مع التطبيقات. سيتم دمج عنصر البحث مع قسم إضافة مطعم.

تتم استضافة الواجهة الأمامية على netlify، المرتبطة بموقع github الخاص بي وتقوم بتحديث التطبيق تلقائيًا في كل مرة يتم فيها الضغط على الريبو عن بعد، وكان الأمر واضحًا جدًا.

Heat هو تطبيق صفحة واحدة (SPA) ويتم إدارة التنفيذ من خلال React Router DOM، فهو يتيح التنقل من جانب العميل عن طريق تعيين عناوين URL للمكونات. وهذا يعني أنه يمكن للمستخدمين زيارة أجزاء مختلفة من التطبيق من خلال عناوين URL مختلفة، على الرغم من تحميل التطبيق بأكمله كصفحة HTML واحدة.

ما أعمل عليه حاليًا:

أعمل حاليًا على عناصر التسجيل وتسجيل الدخول والخروج في التطبيق والتي يدعمها Flask/Python. يحتوي Flask أيضًا على مكتبتين تساعدان في عملية التطوير، مثل SQLAlchemy وLogin Manager. يتمتع الجانب الخلفي بمنحنى تعليمي لطيف مقارنة بالواجهة الأمامية. ما زلت أتصارع مع useState وuseEffect، وهما خطافان رئيسيان في التفاعل لإدارة الحالة.

بعد إكمال عنصر المصادقة في التطبيق، أفكر في الانتقال إلى Java للواجهة الخلفية. أفكار؟

الكثير من التعلم. #React #JavaScript #Flask #WebDevelopment