تفاصيل المشروع

المطلوب هو ربط باك اند بفرونت اند لموقع تعريفي لشركه الموقع له لوحة تحكم خاص بيه الباك اند المفروض انه منتهي بس محتاج مراجعه والتاكد منه بعد الربط محتاج ارفع الموقع علي الهوستينج الخاص بيا والتاكد ان الموقع يعمل بدون اي مشاكل Technologies Used Frontend Technologies - HTML5**: Semantic markup and structure - CSS3**: Advanced styling with Flexbox, Grid, animations, and responsive design - JavaScript (ES6+)**: Client-side interactivity, DOM manipulation, and Firebase integration - Font Awesome 6.0.0**: Icon library for UI elements - Google Fonts**: Inter font family for typography Backend & Database - Firebase Firestore**: Real-time NoSQL database for content management - Firebase Storage**: Cloud storage for images and media files - Firebase Authentication**: User authentication and authorization Project Structure ``` ── Website/ ├── index.html# Main landing page ├── about.html# About company page ├── expertise.html# Services and expertise page ├── team.html# Leadership and team members page ├── contact.html# Contact form and information page ├── login.html# Admin login page ├── admin.html# Admin dashboard ├── styles.css# Main stylesheet ├── admin_styles.css# Admin panel specific styles ├── script.js# Main JavaScript functionality ├── admin_script.js# Admin panel JavaScript └── firebase_config.js # Firebase configuration and services ``` Design System Color Palette - Primary White**: `#` - Clean, professional background - Accent Charcoal**: `#1A1A1A` - Strong headings and text - Secondary Silver**: `#C0C0C0` - Elegant accents and highlights - Light Gray**: `#F5F5F5` - Subtle backgrounds - Medium Gray**: `#` - Supporting text - Dark Gray**: `#` - Body copy Typography - Font Family**: Inter (Google Fonts) - Font Weights**: 300, 400, 500, 600, 700 - Heading Sizes**: H1 (3rem), H2 (2.5rem), H3 (2rem), H4 (1.5rem) - Body Text**: 1rem with 1.6 line-height Layout Components - Responsive Grid**: Mobile-first approach with breakpoints - Flexbox Containers**: Flexible content alignment - Card-based Design**: Consistent component styling - Ghost Buttons**: Transparent buttons with silver borders Firebase Integration Database Collections 1. branding** - Company logo, favicon, and basic info 2. content** - Hero section content and page data 3. team** - Leadership team members with photos 4. partners** - Client/partner companies and logos 5. contactInquiries** - Submitted contact form data

ربط باك اند مع فرونت اند ورفع الموقع على الهوستينج

نقاط الجدية مشروع جاد