Egyptian Museum

️ Egyptian Museum Website – HTML/CSS/JavaScript Project

وصف المشروع:

مشروع ويب تعليمي وتفاعلي عن المتحف المصري، يهدف إلى عرض معلومات تفصيلية عن المتحف، تسهيل زيارة المتحف من خلال واجهة استخدام بسيطة، وتمكين الزوار من استكشاف المعروضات وحجز التذاكر إلكترونيًا.

? مكونات المشروع:

Login / Sign Up Pages: صفحات تسجيل دخول وإنشاء حساب مع التحقق من صحة البيانات.

Home Page:

تحتوي على سلايدر تفاعلي (Image Slider) يعرض صورًا من داخل المتحف.

بطاقات (Cards) تعرض معلومات مختصرة عن التماثيل.

عند الضغط على أي بطاقة يتم التوجيه إلى صفحة التفاصيل الخاصة بها.

Details Page:

عرض تفاصيل المعروض أو القسم باستخدام بيانات ديناميكية تم تحميلها من ملف JSON.

Ticket Details Page:

صفحة حجز تذاكر تحتوي على معلومات التذكرة، الوقت، والتأكيد.

Dark Mode:

إمكانية التبديل بين الوضع الفاتح والداكن باستخدام JavaScript مع حفظ الحالة.

️ التقنيات المستخدمة:

HTML5 لبناء هيكل الصفحات

CSS3 لتصميم واجهات جذابة ومتجاوبة

Vanilla JavaScript لإضافة التفاعل، التنقل بين الصفحات، والتحكم في البيانات

JSON لتخزين واستدعاء بيانات المعروضات والمعلومات بطريقة ديناميكية

مميزات المشروع:

تصميم متجاوب يدعم جميع الأجهزة (Responsive Design)

تجربة مستخدم سلسة وجذابة

تحميل ديناميكي للمحتوى من JSON بدون الحاجة لقواعد بيانات

يدعم الوضع الليلي (Dark Mode)

تسجيل دخول وتأكيد الحجز بطريقة منظمة وبسيطة