️ لم يعد هذا التطبيق يتم الحفاظ عليه

يساعدك Lunchroulette في تحديد مكان تناول الغداء عن طريق اختيار مطعم بشكل عشوائي في منطقتك. افتح موقع الويب واضغط على زر أنا محظوظ للحصول على مطعم عشوائي في مكان قريب. اضغط على معلومات مسافة المشي في الأسفل لفتح الموقع في خرائط Google ، أو اضغط على زر التحديث في أعلى اليمين للحصول على اقتراح آخر.
يتم بناء تطبيق الويب مع React. تتم كتابة الأنماط في CSS العاديين وتبدو تلقائيًا باستخدام Autoprefixer. يتم استخدام Babel لنقلها و WebPack لتجميع الوحدة النمطية. تم استخدام تطبيق Create React لرعاية كل هذه الأدوات. يتم استضافة الموقع في صفحات GitHub ونشرها باستخدام سطر أوامر Pages الخاص بـ GH من خلال برنامج نصي NPM بسيط.
من أجل الحصول على تفاصيل المطعم ومعلومات المسافة ، يتم استخدام واجهات برمجة تطبيقات Google Maps و MAPS Matrix Matrix ، بالإضافة إلى واجهة برمجة تطبيقات الموقع الجغرافي. يتم تضمين بيان تطبيق الويب وعامل خدمة أساسي بحيث يتصرف الموقع بشكل أكبر مثل التطبيق الأصلي في متصفحات الهاتف المحمول المدعومة (أي Chrome for Android).
بدأ المشروع إلى حد كبير كمزحة في المكتب. كنا نتجادل دائمًا حول مكان الذهاب لتناول طعام الغداء ، لذلك في مرحلة ما ، صنعت موقعًا على شبكة الإنترنت بسيطة للغاية اختار اسمًا عشوائيًا من قائمة مطاعم متشددين عرفناها في المنطقة. لقد حل ذلك مشكلتنا الصغيرة ، ولكن بعد ذلك اشتكى زملائي في العمل من أنه لم يتم عرض أي معلومات حول المطعم المقترح ، مثل الصورة ، إلى أي مدى كانت كذلك. انتهى بي الأمر بإلقاء نظرة على خرائط Google JavaScript API وأدركت أنه لم يكن من الصعب القيام به ، لذلك تقدمت وقمت ببناء تطبيق الويب هذا كفرصة للعب مع واجهة برمجة التطبيقات.
تصميم تطبيق الويب مستوحى بشدة من إرشادات تصميم المواد بشكل عام وواجهة خرائط Google على وجه الخصوص. تم إنشاء رمز التطبيق بمساعدة مولد أيقونة مواد Android.
يتم إصدار رمز المصدر لتطبيق الويب ضمن ترخيص معهد ماساتشوستس للتكنولوجيا. يتوفر النص الكامل للترخيص في ملف الترخيص. إذا وجدت أي أخطاء أو لديك اقتراحات لهذا المشروع ، فيرجى فتح مشكلة وسأبذل قصارى جهدي للمساعدة.