تصميم full stack باستخدام PHP and MYSQL

Learn English with Geo هو منصة تعليمية تفاعلية متكاملة لتعليم اللغة الإنجليزية، مبنية باستخدام PHP كلغة خلفية (Backend) و MySQL كقاعدة بيانات، مع واجهة أمامية حديثة باستخدام Tailwind CSS. الموقع يستهدف متعلمي اللغة الإنجليزية من جميع المستويات.

1. نظام المستخدمين (PHP + MySQL)

تسجيل الدخول/الخروج: جلسات PHP ($_SESSION) لإدارة حالة المستخدم

تتبع النشاط: سكريبت JavaScript يرسل بيانات إلى api/track-activity.php

تخزين تفضيلات المستخدم: الثيم (فاتح/داكن) في localStorage مع مزامنة محتملة مع قاعدة البيانات

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

التصميم

الألوان الرئيسية: سماوي (cyan-600 / #0895a0) مع تدرجات

الخط: Plus Jakarta Sans (من Google Fonts)

التجاوب: يدعم الشاشات الصغيرة (Mobile-first)

الشريط العلوي المزدوج

الشريط الأول: الشعار + الروابط الرئيسية + محدد اللغة + تسجيل الدخول

الشريط الثاني: ميزات خاصة (English for Business, Learn with AI, Color and Fun)

كلمة اليوم (Word of the Day)

عرض ديناميكي: كلمة مع النطق، نوع الكلمة، المعنى، مثال

التصميم: بطاقة منقسمة مع تأثير ضبابي (blur)