ربط باك اند مع فرونت اند ورفع الموقع على الهوستينج
تفاصيل المشروع
المطلوب هو ربط باك اند بفرونت اند لموقع تعريفي لشركه
الموقع له لوحة تحكم خاص بيه
الباك اند المفروض انه منتهي بس محتاج مراجعه والتاكد منه
بعد الربط محتاج ارفع الموقع علي الهوستينج الخاص بيا والتاكد ان الموقع يعمل بدون اي مشاكل
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
صاحب المشروع
محمد س.
| تاريخ التسجيل | |
| معدل التوظيف | |
| المشاريع المفتوحة | 0 |
| مشاريع قيد التنفيذ | 2 |
| التواصلات الجارية | 0 |
العروض المقدمة
Nadia M.
مرحبا، أنا نادية مصطفى، Frontend Backend Developer بخبرة في ربط الأنظمة باستخدام Firebase والتأكد من تكامل الواجهة مع قاعدة البيانات بشكل سلس وآمن. اطلعت على تف...
Moataz M.
السلام عليكم أستاذ محمد، فهمت تفاصيل المشروع كويس، خاصة إن الباك إند جاهز لكن محتاج مراجعة وربط مضبوط مع الفرونت إند، وبعدها رفع الموقع والتأكد إنه شغال بكفاءة....
Elamir M.
أهلا بك أستاذ محمد. قرأت تفاصيل المشروع واطلعت على الهيكلة البرمجية والتقنيات المستخدمة بعناية. بصفتي مهندس برمجيات، يمكنني تنفيذ المطلوب بدقة واحترافية عالية ل...
Yousef M.
أهلا أ محمد أنا مطور React Frontend ولدي خبرة في تنفيذ مشاريع مشابهة. يمكنك الاطلاع على معرض أعمالي للاطلاع على نماذج من مشاريعي السابقة، ويسعدني تواصلك عبر الخ...
Ali A.
تحية طيبة وبعد،، معك على عبدالناصر ، مهندس DevOps وخبير في تطوير وتكامل تطبيقات الويب. قرأت تفاصيل مشروعك بعناية، وفهمت أن الهيكل البرمجي (Frontend) جاهز، والمط...
Ahmed A.
السلام عليكم، أهلا أستاذ محمد، أتمنى تكون بخير خليني أساعدك تنفذ المشروع بشكل احترافي ويشتغل معاك بكفاءة من غير أي مشاكل أولا: مراجعة الباك إند (Firebase) - الت...
Mohamed M.
السلام عليكم، اطلعت على تفاصيل مشروعك، وأقدر أساعدك في مراجعة الباك إند وربطه بالفرونت إند بشكل احترافي، مع ضمان إن الموقع يعمل بكفاءة بدون أي مشاكل المطلوب هيت...
Abdulhamed E.
مرحبا، هذا المشروع هو مجال خبرتي بالضبط بصفتي DevOps، وتعاملت مع أكثر من عميل في نفس السيناريو خاصة على Hostinger VPS، وأقدر أساعد في ربط النظام ونشره بشكل مستق...
Abdelrahman M.
اهلا بحضرتك استاذ محمد , مع حضرتك عبدالرحمن مطور ويب خبرة عملية ٣ سنوات وقمت بتنفيذ 4 أعمال على منصة مستقل بتقييم 5 نجوم وجاهز للإطلاع على الكوود الجاهز و مراجع...
كريم س.
سلام عليكم بشمهندس محمد علي حسب الاعلان الموقع Static (HTML JS) فالربط كله هيكون عن طريق JavaScript مع Firebase لو الback end فعلا جاهز ومفيش فيه مشاكل العرض يا...
Brahim E.
السلام عليكم ورحمة الله، اطلعت على تفاصيل المشروع والتقنيات المستخدمة، وواضح أن الموقع مبني بشكل جيد ويحتاج فقط ربط احترافي مراجعة نشر Production وهذا بالضبط ما...
Faried M.
السلام عليكم ورحمة الله انا اقدر اربط اراجع لحضرتك الباك اند واقدر اربطه ربط كامل بالفرونت اند وبقدر أتعامل مع Firebase بشكل احترافي سواء Firestore أو Authentic...
عبدالله ر.
المدة: 5 أيام خطة العمل: اليوم 1: مراجعة الكود الحالي، فهم بنية Firebase، اختبار الاتصالات اليوم 2: ربط Firebase مع الواجهة (branding, content, team) اليوم 3: إ...
أحمد ح.
السلام عليكم أستاذ محمد أنا أحمد حمدى مطور واجهات أمامية , واضح من تفاصيل المشروع إن الشغل محتاج حد يراجع Firebase كويس ويربطه بالفرونت بشكل نظيف بدون مشاكل، وب...
محمد غ.
السلام عليكم أستاذ محمد، اطلعت على تفاصيل المشروع، والمطلوب واضح: مراجعة الـ Backend الحالي، ربطه بشكل صحيح مع الـ Frontend، ثم رفع الموقع على الاستضافة والتأكد...
Ahmed S.
مرحبا أستاذ محمد، يمكنني ربط الباك اند (Firebase Firestore Storage Auth) بالفرونت اند ومراجعة الكود والتأكد من عمل كل شيء بشكل سليم. بعد الربط سأرفع الموقع على ...
Abdallah A.
مرحبا اطلعت على تفاصيل المشروع، وبما أن الباك إند جاهز باستخدام Firebase، فأنا أستطيع تنفيذ المطلوب بسرعة وكفاءة عالية. ما سأقوم به: مراجعة كود الـ Firebase (Fi...
Noha S.
السلام عليكم استاذ محمد يمكنني مساعدتك في ربط الـ Backend مع الـ Frontend والتأكد من أن الموقع يعمل بشكل كامل ومستقر على الاستضافة الخاصة بك. سأقوم به: مراجعة و...