Responsive multi-page space tourism site using Flexbox and JavaScript

Solution retrospective
أنا فخور بأنني أنشأت موقع متعدد الصفحات بواجهة احترافية بالكامل باستخدام HTML وCSS وJavaScript فقط، مع التفاعل الكامل بين العناصر مثل التبديل بين Tabs وتغيير المحتوى تلقائيًا.
لو أعدت المشروع مرة أخرى، سأستخدم مكتبة مثل GSAP أو Framer Motion لتحسين التحريكات والانتقالات، وسأبدأ بتنظيم الكود باستخدام مكونات لإعادة الاستخدام.
What challenges did you encounter, and how did you overcome them?واجهت تحديًا في التعامل مع التنقل بين الصفحات وتغيير المحتوى الديناميكي بداخل نفس الصفحة دون إعادة تحميل، ولكن باستخدام JavaScript DOM
وevent listeners
تمكنت من التحكم في العناصر وعرض المحتوى المطلوب لكل زر.
كذلك، واجهت مشكلة في نشر المشروع عبر GitHub Pages، وتمكنت من حلها بالتأكد من أن الصفحة الرئيسية اسمها index.html
وتم رفع كل المجلدات والملفات بشكل صحيح.
أرغب في الحصول على ملاحظات بخصوص:
- كيفية تنظيم ملفات المشروع بشكل أفضل.
- هل يمكن تحسين أداء الموقع عند تحميل الصور والخطوط؟
- اقتراحات لتطوير التصميم ليتناسب مع الشاشات الصغيرة بشكل أدق.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Mohamed ashrf's solution.
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord