lunchroulette

ショ和このアプリは維持されなくなりました

ランチロウレット

ランチルーレットは、お住まいの地域のレストランをランダムに選んで、昼食をとる場所を決めるのに役立ちます。ウェブサイトを開いて、ラッキーボタンを感じて、近くにランダムなレストランを手に入れます。下部の徒歩圏内情報を押して、Googleマップの場所を開くか、右上の更新ボタンをタップして別の提案を取得します。

テクノロジー

WebアプリはReactでビルドされています。スタイルはプレーンCSSで記述され、自動的にオートプレフィキサーが付いています。 Babelは、モジュールバンドルのためのトランスピーリングとWebpackに使用されます。 Create Reactアプリを使用して、このすべてのツールを処理しました。このサイトはGitHubページでホストされ、単純なNPMスクリプトを介してGH-Pagesのコマンドラインユーティリティで展開されます。

レストランの詳細と距離情報を取得するために、Google PlacesとGoogleマップの距離マトリックスAPIと、Web Geolocation APIが使用されます。サイトがサポートされているモバイルブラウザー（つまり、Android用Chrome）のネイティブアプリのように動作するように、Webアプリと基本的なサービスワーカーが含まれています。

モチベーション

このプロジェクトは、オフィスで冗談として始まりました。私たちは常に昼食のためにどこに行くかについて議論していたので、ある時点で、この地域で知っていたレストランのハードコード化されたリストからランダムな名前を選んだ非常にシンプルなウェブサイトを作りました。それは私たちの小さな問題を解決しましたが、それから私の同僚は、写真のように提案されたレストランに関する情報は、それがどこまでであったかなどに見せられなかったと冗談めかして不満を言いました。私は最終的にGoogleマップJavaScript APIを見て、それがそれほど難しくないことに気付いたので、私は先に進み、APIで遊ぶ機会としてこのWebアプリを構築しました。

謝辞

Webアプリの設計は、一般的なマテリアルデザインガイドラインと、特にGoogleマップインターフェイスに大きく触発されています。アプリアイコンは、Androidマテリアルアイコンジェネレーターの助けを借りて生成されました。

ライセンスと問題

Webアプリのソースコードは、MITライセンスの下でリリースされます。ライセンスの全文は、ライセンスファイルで入手できます。このプロジェクトのエラーが見つかったり、提案がある場合は、問題を開いてください。私は最善を尽くします。