مقدمة

لتطوير مهاراتي في هندسة البرمجيات أكثر، أنشأت eugeniabravo.com وtudivorciointeligente.com. لم يتحدَّ هذا المشروع قدراتي التقنية فحسب، بل حسّن أيضاً مهاراتي في التواصل مع العملاء.

التقنيات

لتطوير هذا الموقع، تعاونت مع صديق هو أيضاً عميلي، واخترت تقنيات تعزّز مهاراتي في هندسة البرمجيات بدلاً من الاعتماد على حلول جاهزة مثل WordPress أو Wix. أثمر هذا النهج موقعاً متيناً ومخصّصاً.

React

TypeScript

AWS

Amplify

Brevo

الواجهة الأمامية

React, TypeScript

بما أن هذا مشروع احترافي، استخدمت React للاستفادة من معرفتي المتقدمة بإطار العمل. كما ضمن استخدام TypeScript معالجة بيانات أكثر أماناً مقارنةً بـ JavaScript العادي.

لبدء التطوير، جرّبت أداة ذكاء اصطناعي مبتكرة تُدعى bolt.new، وهي قادرة على إنشاء مشروع من الصفر وتشغيله وتحسين الكود تكرارياً بناءً على الأوامر. ثم نزّلت الكود المبدئي المُولَّد لمتابعة التطوير.

الواجهة الخلفية

AWS Amplify

في مشروع سابق، بنيت واجهة خلفية بـ Spring Boot مدمجة مع قاعدة بيانات AWS RDS. لكن هذا النهج أدّى إلى مشكلات مثل الأعطال غير المتوقعة، وزيادة وقت التطوير، وتعقيد إضافي. وبصفتي مطوّراً منفرداً بوقت محدود، احتجت إلى حل أبسط لكنه متين. عندها اخترت AWS Amplify، وهو حل "الواجهة الخلفية كخدمة". يسهل التطوير باستخدام Amplify بمجرد الاعتياد عليه، ويوفّر بنية تحتية متينة وفعّالة من حيث التكلفة للمشاريع الصغيرة والمتوسطة، لأنه مُدار بالكامل.

هيكل الموقع

ينقسم الموقع إلى صفحات للوصول العام وصفحات للإدارة.

الصفحات العامة

يوازن الموقع بين الترويج لمنتجات Eugenia ودعوة المستخدمين إلى التواصل، مع تقديم محتوى مدوّنة قيّم وخالٍ من الإعلانات.

الصفحة الرئيسية

صفحات الإدارة

محميةً بمصادقة المستخدمين في Amplify، توجد صفحة إدارة خاصة يدير من خلالها فريق الموقع المحتوى. تتضمّن هذه البوابة لوحة معلومات ولوحة إدارة لتعديل المنشورات الخاصة أو مراجعتها أو حذفها.

لوحة معلومات الإدارة