إعادة بناء موقع دردشة مطابق للموقع المرجعي Pixel Perfect – Desktop & Mobile
تفاصيل المشروع
السلام عليكم ورحمة الله
مطلوب مطوّر لإعادة بناء موقع مطابق للموقع المرجعي طبق الاصل
أبحث عن مطوّر Full-Stack / Front-End محترف لديه خبرة في تحليل المواقع وإعادة بناء الواجهات والتطبيقات بدقة عالية جدًا.
المطلوب هو إعادة بناء الموقع المرجعي بشكل مطابق قدر الإمكان للأصل، وليس عمل تصميم مشابه أو مستوحى منه:
أريد أن تكون النتيجة مطابقة للموقع المرجعي من جميع النواحي، بما في ذلك:
- نوع الخط وحجمه ووزنه.
- الألوان والخلفيات.
- الأبعاد والمقاسات.
- المساحات الداخلية والخارجية Padding / Margin.
- أماكن وترتيب جميع العناصر.
- الأزرار والقوائم والنوافذ.
- الأيقونات والتفاصيل البصرية.
- الحركات والانتقالات.
- طريقة عرض الرسائل والمحادثات.
- جميع التفاصيل الصغيرة في الواجهة.
- نسخة Desktop ونسخة Mobile بنفس السلوك والتصميم الموجود في المرجع مع اختلاف التخطيط حسب حجم الشاشة.
- Responsive Design مطابق للموقع المرجعي.
- تجربة المستخدم والتفاعلات قدر الإمكان كما هي في الموقع الأصلي.
الهدف هو الوصول إلى درجة عالية جدًا من التطابق، بحيث يصعب على المستخدم التفريق بصريًا ووظيفيًا بين الموقع الأصلي والنسخة الجديدة.
نقطة مهمة جدًا
التقنيات التي أضعها أدناه ليست ادعاءً مني بأنها التقنيات التي بُني بها الموقع المرجعي.
هذه مجرد تقنيات مقترحة مني لتنفيذ النسخة الجديدة بناءً على تحليلي الأولي:
React، Framework7، MobX، i18next، Axios، Hls.js، Lottie، Swiper، Webpack، JWT، WebSocket، REST API، Node.js، PWA، Create React App، SQLite.
لكنني أريد من المطوّر أن يقوم بتحليل الموقع المرجعي بنفسه أولًا، وألا يعتمد على هذه القائمة في تحديد كيفية بناء الموقع.
المطلوب منه تحديد:
1. كيف تم بناء الموقع المرجعي فعليًا من خلال التحليل.
2. مكونات الواجهة وطريقة عملها.
3. طريقة عمل الـ Responsive Design.
4. آلية الدردشة والاتصال الفوري إن وجدت.
5. طريقة التعامل مع الـ API والبيانات.
6. التقنيات المناسبة لإعادة تنفيذ نفس النتيجة.
7. ما الذي يجب استخدامه من التقنيات التي اقترحتها، وما الذي يجب استبداله أو إضافته.
لدي تجربة سابقة في تنفيذ موقع دردشة باستخدام تقنيات مختلفة:
لذلك أنا لا أبحث عن شخص يقوم بعمل Clone شكلي أو Template مشابه، وإنما أبحث عن شخص يستطيع تحليل المرجع ثم إعادة بناءه بدقة عالية جدًا.
شرط الاستلام
التطابق هو أهم معيار في المشروع.
إذا كان الناتج مجرد موقع مشابه أو قريب من التصميم، فلن يكون هذا هو المطلوب ولن يتم اعتماد المشروع.
عند التقديم أرجو إرسال:
- أمثلة على مشاريع مشابهة.
- خبرتك في React / Node.js / WebSocket أو البدائل التي تراها مناسبة.
- منهجية تحليل الموقع المرجعي.
- التقنيات التي تقترح استخدامها بعد التحليل.
- المدة والتكلفة المتوقعة.
لا أريد منك أن تعتمد على التقنيات التي اقترحتها أنا لانها حسب تحليلي الشخصي ؛ قم بتحليل الموقع بنفسك أولًا ثم اقترح أفضل Stack لإعادة بناء النتيجة المطلوبة.
صاحب المشروع
Hamze H.
| تاريخ التسجيل | |
| معدل التوظيف | |
| المشاريع المفتوحة | 1 |
| مشاريع قيد التنفيذ | 0 |
| التواصلات الجارية | 9 |
العروض المقدمة
جواد خ.
السلام عليكم ورحمة الله وبركاته، اطلعت على تفاصيل المشروع وفهمت النقطة الأهم لديكم: أنتم لا تريدون Template مشابها ولا تصميما مستوحى من الموقع المرجعي، وإنما إع...
أحمد ع.
السلام عليكم ورحمة الله وبركاته، أنا أحمد، مطور Full-Stack بخبرة تتجاوز 5 سنوات في تطوير المواقع والمنصات التفاعلية وتطبيقات الويب، مع خبرة في React وNext.js وN...
Arwa E.
السلام عليكم ورحمة الله وبركاته، اطلعت على تفاصيل المشروع، وفهمت أن المطلوب ليس مجرد تصميم مشابه، وإنما تحليل الموقع المرجعي وإعادة بناء الواجهة والتفاعلات والـ...
Fady K.
السلام عليكم، اطلعت على المشروع، وأؤكد أنني سأبدأ بتحليل مستقل للموقع المرجعي دون الاعتماد على قائمة التقنيات المقترحة، ثم أقدم الـStack الأنسب بناء على النتائج...
Shahd K.
السلام عليكم ورحمة الله، واضح أن المطلوب هنا ليس مجرد Clone أو تصميم مشابه، بل إعادة بناء دقيقة جدا للـ UI والـ interactions والـ responsive behavior، وهذا تحدي...
عبد المغيث ا.
وعليكم السلام ورحمة الله وبركاته، اطلعت على تفاصيل المشروع، ولدي بالفعل خبرة سابقة في تطوير تطبيقات ومواقع الدردشة والتواصل الفوري، ويمكنكم الاطلاع على أعمالي م...
Rahma T.
السلام عليكم أستاذ حمزة، اطلعت على تفاصيل المشروع، وأكثر نقطة لفتت انتباهي هي أن المطلوب ليس مجرد Clone أو تصميم مشابه، وإنما إعادة بناء الموقع بدرجة عالية جدا ...
محمد طاهر خان نيازي ح.
مرحبا، لقد حللت منصة drdchati بدقة. إنها منصة دردشة فورية متكاملة - غرف، صوت، هدايا متحركة، مستويات مستخدمين، دعم كامل للغة العربية (من اليمين إلى اليسار)، متوا...
محمود س.
لدي اسئلة مهمة جدا قد تغير مسار المشروع, و هذا لانني اطلعت على المشروع والموقع المرجعي بشكل فعلي، وما لفتني أن المطلوب هنا ليس إعادة تصميم الموقع أو تنفيذ واجها...
Ahmad C.
هذا النوع من المشاريع لا أتعامل معه كـ Clone للواجهة، بل كعملية Reverse Engineering ثم إعادة بناء Production-grade. أنا Full-Stack Developer بخبرة قوية في React...
Ahmed A.
السلام عليكم ورحمة الله وبركاته، جاهز لتنفيذ المشروع بمنهجية تبدأ بتحليل الموقع المرجعي وفهم بنيته وسلوكه قبل اختيار التقنيات أو البدء في التطوير، لأن المطلوب ه...
Ali F.
السلام عليكم إذا كان المطلوب موقعا يشبه المرجع فالموضوع ابسط بكثير لكن بما انك وضعت التطابق كشرط للاستلام فانا لن ابدأ بكتابة الكود ولا باختيار الـ Stack قبل ان...
Mohamed A.
السلام عليكم ورحمة الله، قرأت تفاصيل مشروعك بعناية تامة، وأعلم أن معيار القبول الوحيد هو التطابق المطلق (Pixel-Perfect) بصريا وتفاعليا مع الموقع المرجعي (drdcha...
Abdulrahman B.
مرحبا بك، لقد قرأت تفاصيل مشروعك بعناية تامة، وأتفهم بوضوح أنك تبحث عن نسخة مطابقة تماما (Pixel-Perfect) للموقع المرجعي، وليس مجرد تصميم مشابه. أنت تبحث عن مطور...
عمرو ج.
السلام عليكم، المشروع بيطرح تحدي تقني فريد ومحتاج تدقيق من العميل فى المراجع قبل البدء فى التنفيذ، وصولا لدرجة عالية جدا من التطابق فى الشكل علشان ما يلاحظش اخت...
محمود م.
مرحبا بك أستاذ حمزة لقد اطلعت بعناية على تفاصيل مشروعك وإصرارك على الخروج بنسخة تطابق الموقع المرجعي بكسل بكسل بصفتي مهندس برمجيات متخصص في هندسة النظم المعقدة ...