تصميم موقع إلكتروني نفس فكرة المدونات لكن فكرة أخرى
تفاصيل المشروع
ملاحظة :::سوف تستلم التصميم بواسطة برنامج فيجما بالإضافة إلى المحتوى والصور
المطلوب البدء في كتابة الأكواد وبرمجة الموقع
الهدف من المشروع
إنشاء موقع إلكتروني شبيه بمواقع المدونات، يتيح للمستخدمين عرض المقالات، وإضافة وتحرير وحذف المقالات، مع إمكانية مشاركة الروابط على منصات التواصل الاجتماعي.
---
? التقنيات المطلوبة
- HTML
- CSS
- Bootstrap
- JavaScript
- React.js
- Material UI
- **نظام التصميم**:
- استخدام نظام **Component-Based Architecture** في React
- **ملاحظات**:
- التصميم، الألوان، والخطوط جاهزة مسبقًا وسيتم توفيرها.
---
صفحات الموقع المطلوبة
| الصفحة | الوصف |
|||
| الصفحة الرئيسية | صفحة هبوط تتكون من 13 قسم (Landing Page) |
| تسجيل الدخول | صفحة للمستخدمين لتسجيل الدخول |
| إضافة مقال | نموذج لإضافة مقال جديد |
| تحرير مقال | واجهة لتعديل المقالات الموجودة |
| حذف مقال | إمكانية حذف المقالات |
| مشاركة المقال | زر لمشاركة روابط المقالات على منصات التواصل الاجتماعي (Twitter, Facebook, WhatsApp, إلخ) |
---
المتطلبات النهائية للتسليم
1. **نسخة كاملة من الأكواد** مرفوعة على مستودع GitHub خاص بالمشروع.
2. **رفع الموقع على الاستضافة الخاصة بنا** (سيتم توفير بيانات الدخول وبيئة الاستضافة لاحقًا).
3. تنظيم الملفات والمجلدات وفقًا لمعايير React الحديثة (مثل: `components`, `pages`, `services`, `utils`, إلخ).
4. كتابة تعليمات تشغيل المشروع (README) تشمل:
- خطوات التثبيت
- تشغيل المشروع محليًا
ملاحظات إضافية
- يفضل استخدام **React Router** للتنقل بين الصفحات.
- يجب أن يكون التصميم **Responsive** ومتوافق مع جميع الأجهزة.
- استخدام **Local Storage أو Firebase أو أي حل بسيط** لحفظ المقالات (حسب الاتفاق).
- إمكانية التوسع لاحقًا لإضافة تسجيل مستخدمين أو لوحة تحكم.
العروض المقدمة
Mohammed B.
السلام عليكم أستاذ احمد، أنا محمد، مطور واجهات أمامية ومبرمج Full-Stack بخبرة 5 سنوات في تطوير مواقع حديثة باستخدام React.js وتقنيات الويب الحديثة. يمكنني تنفيذ...
Yousef M.
اهلا أ احمد لقد قمت بالكثير من المشاريع المشابهة ويمكنك الدخول الى معرض اعمالي لرؤية بعض الأمثلة واختيار ما يعجبك ويمكنك ان تراسلني على الخاص لأرسل لك عينة لتتأ...
أحمد أمين بوحجر ا.
السلام عليكم ورحمة الله وبركاته، اطلعت على تفاصيل مشروعكم وفهمت المطلوب بشكل جيد. لدي خبرة في تحويل تصاميم Figma إلى مواقع تفاعلية باستخدام React.js ، وأستطيع ت...
Ahmed M.
مرحبا، اطلعت على تفاصيل مشروعك وأقدر أبدأ بتنفيذ الموقع باستخدام React.js مع Material UI وBootstrap، مع هيكلية منظمة (Component-Based) وكود نظيف متوافق مع التصم...
Montaser G.
السلام عليكم ورحمه الله وبركاته ازي حضرتك يا استاذ احمد مع حضرتك منتصر مصمم ومطور مواقع لقد قرائت طلبك جيدا وان شاء الله لدي القدره والوقت علي تنفيذ المطلوب بكو...
Mohamed E.
اهلا أستاذ احمد شكرا لطرح تفاصيل المشروع اطلعت على المتطلبات الخاصة بإنشاء موقع المدونات، ومع توفر التصميم على Figma والمحتوى والصور، أقدر أبدأ مباشرة بمرحلة ال...
Doaa T.
السلام عليكم ورحمة الله وبركاته، أنا دعاء محمد توفيق، مطورة Front-end متخصصة في بناء واجهات مستخدم احترافية باستخدام React.js وتقنيات الويب الحديثة. اطلعت على ت...
Moustafa M.
السلام عليكم ورحمة الله وبركاته، أتمنى أن تكون بخير. اطلعت على تفاصيل مشروعك وفهمت المطلوب بدقة: عندك تصميم جاهز على Figma المحتوى والصور، وتحتاج تحويله إلى موق...
Islam B.
مرحبا معك اسلام مطور برمجيات ادعوك لزيارة معرض الاعمال لتصفح اخر المشاريع وبعد ( مرفق لك مشروع مشابه للاطلاع الكامل الرجاء مراجعة مشروع muse matrix على معرض الا...
Abdelmalek N.
فهمت مشروعك ، لقد قمت بتحويل العديد من الواجهات التصميمية الى مواقع حقيقية باعلى المواصفات بصفتي FullStack web Dev موهوب بخبرة 4 سنوات متمرس في رفع المواقع و تأ...
محمود م.
السلام عليكم ورحمة الله وبركاته أنا محمود عبدالمنعم يسرني ويسعدني أن أقوم بعمل هذا المشروع حيث أنني قمت بعمل مشاريع مشابهة بلغات متعددة html, css, js, php وتصمي...
Mahmoud A.
اشتغلت قبل كده على مشاريع فعلية زي لوحات تحكم ومنصات تعليمية ومشاريع SaaS متعود أشتغل من تصميمات جاهزة على Figma وأحولها لكود نظيف ومنظم بحيث الموقع يطلع نسخة ط...
محمد اسلام ح.
السلام عليكم انا مهندس برمجيات متخصص في تطوير المواقع الإلكترونية اضمن لك ترجمة الفكرة كاملة من فيجما بنفس الواجهة وباحسن تجربة مستخدم ممكنة وبدعم أحسن تقنيات r...
Sayed M.
السلام عليكم، استاذ احمد , ايه الأخبار اطلعت جيدا على تفاصيل مشروعكم لبناء موقع مدونات من خلال تصميم جاهز على Figma، والفكرة مميزة جدا لأنها بتجمع بين البساطة و...
Omar T.
السلام عليكم ورحمة الله وبركاته أ. احمد , أنا عمر تهامي، مهندس برمجيات، مصمم ومطور ويب محترف، أمتلك خبرة عملية في بناء مشاريع تفاعلية وإدارية متكاملة. هذه الخبر...
Ahmed E.
اهلا استاذ احمد , شكرا على توضيح المطلوب , بما ان التصميم جاهز ف ان شاء الله سيتم تنفيذ المشروع في وقت قياسي واقل من المدة المحددة وليس هذا فقط بل مع لوحة تحكم ...
Saad S.
أهلا استاذ Ahmed M قريت طلبك بعناية: موقع مدون متكامل بـ React، فيه Landing Page (13 قسم)، نظام مقالات (إضافة/تعديل/حذف/مشاركة)، ورفع الكود على GitHub الاستضافة...
Tarek S.
مرحبا، اطلعت على تفاصيل مشروعك ويمكنني تنفيذ موقع المدونة المطلوب باستخدام React.js و Material UI مع تحويل تصميم Figma إلى واجهة متجاوبة تعمل على جميع الأجهزة. ...
حازم ح.
السلام عليكم ، أنا مهندس برمجيات متخصص فى إنشاء تطبيقات الويب الاحترافية باستخدام أحدث التقنيات مثل React js, Next js ,Typescript, TailwindCSS راجعت الوصف جيدا ...
Mohamed Y.
السلام عليكم استاذ احمد أهلا بيك، أنا شوفت تفاصيل المشروع وفاهم المطلوب كويس جدا. أنا اشتغلت قبل كده على موقع شبه المدونات بالظبط فيه إضافة وتعديل وحذف مقالات و...
Abdallah M.
اهلا بيك استاذ احمد قرأت تفاصيل المشروع وجاهز لتنفيذ المشروع كما موضح بالوصف باذن الله اليك بعض تفاصيل التنفيذ: - سيكون التنفيذ مطابق تماما لتصميم فيجما (pixel ...
يوسف م.
لسلام عليكم، انا المبرمج يوسف، اقدم لك عرض انشاء الموقع ك full stack مع لوحة تحكم لكل مستخدم، و لوحة تحكم في النظام بأكمله لادارة المستخدمين و بيانات النظام، و ...
Ezzat A.
السلام عليكم يا استاذ احمد، اطلعت على تفاصيل مشروعكم المميز الخاص بإنشاء موقع مدونات بالاعتماد على تصميم Figma الجاهز، وفهمت تماما المطلوب: تحويل التصميم إلى كو...
مريم ص.
معك مريم صموئيل مطورة ويب متخصصة بخبرة تمتد لعامين في بناء تطبيقات الويب الحديثة باستخدام MERN Stack (MongoDB, Express, React, Node.js). فهمي للمشروع وخطة العمل...
Kareem S.
السلام عليكم ورحمة الله وبركاته، اطلعت على تفاصيل مشروعك، ويسعدني أن أقدم عرضي لتنفيذ موقع إلكتروني لإدارة المقالات، مع الالتزام بالتصميم المقدم عبر Figma (ألوا...
Farha G.
مرحبا ممكن أنفذ الموقع كامل بالاعتماد على React Material UI Bootstrap مع تحويل تصميم Figma إلى كود منظم (Component-Based React Router الخيار الأول (سريع LocalSt...
Taiseer D.
ألسلام عليكم انا تيسير و عندي خبرة عملية في React.js وMaterial UI وبشتغل كمان بـ Bootstrap و JavaScript، واشتغلت قبل كده على مشاريع شبيهة فيها نظام مقالات (إضاف...
هشام أ.
السلام عليكم أ. أحمد، أود أن أعبر عن رغبتي في العمل على هذا المشروع، ولدي الخبرة اللازمة لتطويره وتنفيذه بأعلى كفاءة. لدي تجارب سابقة في بناء منصات مشابهة باستخ...
Sara Y.
السلام عليكم ورحمة الله وبركاته، اطلعت على تفاصيل مشروعك إنشاء موقع مدونة من تصميم Figma وفهمت المطلوب بشكل كامل. لدي خبرة 4 سنوات في React.js وMaterial UI وقمت...
Mostafa G.
مرحبا أستاذ/ Ahmed M.، أنا مصطفى جابر، مطور واجهات أمامية (Front-End Developer) متخصص في بناء مواقع ويب تفاعلية واحترافية باستخدام أحدث تقنيات الويب. اطلعت على ...
Eman R.
مرحبا، أنا إيمان مطورة متخصصة في بناء مواقع وواجهات حديثة باستخدام React.js، هسلمك موقع مدونات كامل باحترافية وجودة عالية. ليه تختارني - هحول تصميم Figma الجاهز...
سرى م.
السلام عليكم ورحمة الله وبركاته، معك المهندسة سرى شكرا لتزويدي بجميع تفاصيل المشروع. اطلعت على المتطلبات، وبناء على ذلك سيكون نطاق العمل كالتالي: البدء ببرمجة ا...
Sameh H.
السلام عليكم اخي أحمد، تحية طيبة و بعد، انا باحب اشتغل مع الناس الفاهمين شو بدهم يعملو . في البداية اسمحلي اعطيك رأيي التقني في بعض النقاط - بالنسبة لحفظ المقال...
Arwa M.
مرحبا أستاذ Ahmed M.، أنا أروى مصطفى إمام، Full-Stack Developer بخبرة عملية في بناء تطبيقات ويب باستخدام React.js, Material UI, HTML, CSS, Bootstrap, JavaScript...
Ahmad B.
أنا أحمد بكران، مهندس معلوماتية ومطور مواقع ويب محترف، سأقوم ببرمجة موقع المدونات الخاص بك وفقا للتصميم الجاهز في Figma وباستخدام التقنيات المطلوبة. التقنيات ال...
Manar E.
مرحبا، أنااقدر أنفذ لك المطلوب بشكل كامل وتحويل تصميم Figma إلى موقع تفاعلي احترافي باستخدام React.js Material UI Bootstrap. اللي هقدمه: تحويل تصميم Figma إلى ك...
Ahmed A.
السلام عليكم استاذ أحمد ، معاك أحمد مطور React الملطلوب بسيط واشتغلت علي حاجات معقدة اكتر من كدي و، وجاهز معاك خطوة بخطوة لعمل الموقع بالتفصيل الممل ليكون نسخة ...
Amar H.
مرحبا أستاذ أحمد معك عمار ياسر ، مهندس برمجيات لدي خبرة في إنشاء مواقع الويب سواء frontend أو backend باستخدام أحدث التقنيات ، مع مراعاة كتابة كود نظيف و سريع ....
Abdelrahman M.
السلام عليكم ورحمة الله وبركاته، أنا عبد الرحمن محمد مطور واجهات أمامية محترف (Front-End Developer) متخصص في React وMaterial UI، ولدي خبرة عملية في بناء مواقع س...
Mohamed A.
السلام عليكم ورحمة الله وبركاته، معكم محمد علي مطور واجهات أمامية (Front-End Developer) محترف بخبرة عملية في تقنيات React وMaterial UI، ومتخصص في بناء مواقع ويب...
احمد ا.
السلام عليكم، أنا أحمد فاروق مطور Front-end بخبرة في React, Material-UI, Bootstrap, JavaScript وأعمل بنظام Component-Based Architecture. أقدر أبدأ فورا في تحويل...
Mohamed A.
مساء الخير، مع حضرتك محمد علي مطور واجهات أمامية. ممكن تبعتلي تفاصيل المشروع علشان نفهم كل المتطلبات مع بعض أعرضلك شغلي السابق ونبدأ التنفيذ على طول إن شاء الله...
Arwa S.
السلام عليكم ورحمه الله أنا أروى محمد صلاح مطورة مواقع ويب باستخدام React قرأت تفاصيل مشروعك وفهمت تماما الهدف منه وهو إنشاء موقع شبيه بالمدونات يتيح للمستخدمين...
Mahmoud A.
أكثر من 55% من القراء بيغادروا المدونات غير المتجاوبة خلال ثوانهل مدونتك يا استاذ أحمد هتكون من اللي يحافظ على زواره ولا يخسرهم واجهة غير منظمة أو كود غير مرن م...
Mohamed H.
السلام عليكم أنا محمد هامدي مطور واجهات أمامية بخبرة في بناء مواقع احترافية باستخدام React.js وBootstrap وMaterial UI بشتغل على تحويل أي تصميم من Figma إلى كود ...
Mustafa S.
مرحبا، اسمي مصطفى، Front-End Developer متخصص في React.js و Material UI. لدي خبرة في بناء واجهات تفاعلية متجاوبة باستخدام نظام Component-Based Architecture. لماذ...
عبدالله ع.
أهلا بك اطعت على مشروعك وأنا متحمس جدا للبدء فيه. فكرته واضحة وممتازة، ومهمتي هي تحويل تصميمكم الجاهز (في Figma) إلى موقع إلكتروني حي، أنيق، وسريع. ما الذي سأقد...
Abdelrahman M.
مرحبا، أنا عبد الرحمن مطور React.js أقدر أنفذ لك موقع المدونات المطلوب حسب تصميم Figma بالمواصفات المذكورة: بناء الموقع باستخدام React, Material UI, مع هيكلة Co...
Youssef S.
السلام عليكم، أنا يوسف مطور ويب عندي 4 سنين خبرة في React واشتغلت قبل كده على مشاريع شبيهة. أقدر أبدأ من تصميم Figma اللي هتدوني وتكويد الموقع بالكامل (Landing ...
عاطف م.
السلام عليكم أنا عاطف محمد، مطور واجهات أمامية متخصص في تصميم صفحات ويب أنيقة ومتجاوبة باستخدام html ,css ,js , bootstrap and Reactjs ، مع خبرة في تقديم تجربة م...
Engy M.
السلام عليكم ورحمة الله وبركاته، اطلعت بعناية على تفاصيل مشروعكم الخاص بإنشاء موقع إلكتروني شبيه بمواقع المدونات، ويسعدني أن أضع خبرتي في تطوير واجهات المستخدم ...