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许可证发布的。许可证文件的全文可在许可证文件中使用。如果您发现任何错误或对该项目有建议，请打开一个问题，我会尽力提供帮助。