lunchroulette

配x該應用不再維護

午餐

午餐時間可幫助您決定在您所在地區隨機挑選餐廳的午餐地點。打開網站，然後點擊“我很幸運”按鈕，在附近獲得一家隨機餐廳。按下底部的步行距離信息以打開Goog​​le Maps中的位置，或點擊右上角的“刷新”按鈕以獲取另一個建議。

技術

Web應用程序由React構建。樣式用普通的CSS編寫，並自動帶有AutoPrefixer。 BABEL用於翻譯和Webpack，用於捆綁模塊。 Create React應用程序用於照顧所有這些工具。該站點託管在GitHub頁面中，並通過簡單的NPM腳本與GH-PAGES的命令行實用程序部署。

為了獲取餐廳的詳細信息和遠程信息，使用了Google Places和Google Maps距離矩陣API，以及Web GeoLocation API。包括Web應用清單和基本服務工作者，以便該站點的行為更像是由支持的移動瀏覽器中的本機應用程序（即Android的Chrome）。

動機

該項目在辦公室開了個玩笑。我們一直在爭論去哪裡吃午餐，所以在某個時候，我製作了一個非常簡單的網站，該網站從我們在該地區認識的硬編碼餐廳清單中挑選了一個隨機名稱。這解決了我們的小問題，但是後來我的同事開玩笑地抱怨說，沒有顯示有關建議餐廳的信息，就像一張照片一樣，它的距離等等。我最終看了看Google Maps JavaScript API，並意識到這並不難，因此我繼續構建了此Web應用程序，以此作為與API一起玩的機會。

致謝

Web應用程序的設計通常受到材料設計指南的啟發，尤其是Google Maps接口。該應用圖標是在Android材料圖標生成器的幫助下生成的。

許可證和問題

Web應用程序的源代碼是根據MIT許可證發布的。許可證文件的全文可在許可證文件中使用。如果您發現任何錯誤或對該項目有建議，請打開一個問題，我會盡力提供幫助。