グルメトレジャーマップ

チーム名

チームR 贅沢搾りサーモン

背景・課題・解決されること

背景

関西といえばグルメだが美味しいグルメが多過ぎて店を選ぶのに大変な思いをしたことがある。おすすめの店ランキングを調べて行こうとするが該当する店がどこにあるのかをいちいち調べないといけなかったため苦労したことがあった。そのため今回はgoogleマップとランキングを組み合わせ一目でランキングと場所がわかるアプリを作ろうと考えた。

課題

店のランキングを調べた後、場所を調べないといけないという手間がかかる

解決方法

ランキングとマップを組み合わせて一目で情報を得られるようにする。

プロダクト説明

指定したジャンル、距離内にあるお店をピックアップし、それをランキングとともにマップに表示する。 またログインすると店舗ごとの詳細情報を確認でき、さらにお気に入り登録できるようになる。そしてお気に入り登録した店舗を複数選んでルート検索する機能も実装した。

操作説明・デモ動画

環境の初期化

$ make init
# docker compose build
# docker compose up -d --build
# docker compose exec web rails db:create
# docker compose stop
# の4つを行います

DB/Bootstrapの初期化

$ make migrate
$ make precompile

ローカルサーバの起動

$ make up

ローカルサーバへのアクセス

http://localhost:3000

注力したポイント

• 見やすい画面になるように力を入れました
• 特にルート検索機能を時間をかけて実装しました
• Makefileを用いてコマンドに統一感を持たせました

使用技術

• Ruby on Rails(Ruby)
• Bootstrap(css)
• MySQL
• Docker
• Google Maps API