P2HACKS2024 アピールシート

プロダクト名

TREND FLASH

コンセプト

函館の味をもっと楽しく、直感的な飲食店選びを！

フラッシュを「光の広がり」と解釈し、「トレンド×花火」をモチーフに、ユーザーに函館の飲食店を提案するプロダクトです。

対象ユーザ

・函館の飲食店選びに困っている方
・トレンドのグルメを知りたい方
・トレンドのお店の口コミを知れる

利用の流れ

飲食店選びに困ったときにこのアプリを開き、行ってみたいトレンドレベルでフィルタリングし、ランダムで10件の飲食店が提案される。
その中から飲食店を選び、ピンからホットペッパーグルメに飛ぶことができ、そのまま予約することが可能！

推しポイント

函館のおすすめトレンドグルメが一目でわかる！ トレンドレベルに合わせておすすめ店を紹介してもらえる！ 花火の大きさでトレンドレベルが分かる。

スクリーンショット

開発体制

役割分担

石川　リーダー、進捗管理、フロントエンド
岩田　フロントエンド、バックエンド(API)、コード管理
籾山　フロントエンド、デザイン、発表
三浦　バックエンド(データベース)、発表
　

開発における工夫した点

・花火の大きさとトレントレベルを対応させ、現在のトレンドを直感的にわかりやすく表現した点。
・CSSアニメーションとWebGLで視覚的に動きのあるサイトを実現した点。
・3つのAPIを組み合わせて今までにないwebサイトを実現した。
・GooglePlacesAPIとホットペッパーグルメAPIの組み合わせで、飲食店の情報をより詳細に取得した。
・データをすべてデータベースに格納することで、効率的にデータを取得できるようにした。

開発技術

利用したプログラミング言語

Python(バックエンド全般)
JavaScript(フロントエンド、バックエンド)
HTML/CSS(フロントエンド)
GLSL(花火のシェーダーを書くため)

利用したフレームワーク・ライブラリ

Django(データベース構築)
Anime.js(スタート画面)
React(スタート画面)
dotenv

その他開発に使用したツール・サービス

デザイン・設計

GoogleFonts
GitHubCopilot

API

ホットペッパーグルメAPI
GoogleMapJavaScriptAPI
GooglePlacesAPI