トイレ情報提供アプリ

Toilet Dash ~トイレ情報提供アプリ @カフェイン決死隊 kofe shiragi daiki will yoshi.8210

目次 ●Toilet Dash 概要 ●データ管理システム ●メインアプリケーション ●開発における工夫 ●改善点

概要 Toilet Dashとは？ ● 電気通信大学のトイレに 行きたい人を補助をする ダッシュボード ● 近くにあるトイレの評価 が見れる / レビューでき る

システム構成 ● データ管理システム ● メインアプリケーション

システム構成 Next.js, firebase を使用

データ管理システム ここに写真がほしいな♡

データ管理システム ● トイレを実際に調査するときに使用するシステム ● Web上からFirestore databaseにデータを追加

メインアプリケーション

メインアプリケーション ● マップでトイレの場所を探せる ● トイレを選択すると情報(写真・フロア・きれいさな ど)を表示 ● トイレの一覧も隣に表示＆スクロールして全て閲 覧可能

メインアプリケーション

メインアプリケーション ● Maps JavaScript APIによるトイレの位置情 報の表示 ● Cloud Firestoreとの連携によるトイレ情報の表 示 ● Tailwind CSSの利用によるUIデザインの高効 率化

開発における工夫 GITHUB Actions, vercelによるCI/CD

開発における工夫 push 時に 自動でvercelから デプロイ

開発における工夫 push 時に build, deployの 結果をdiscord に送信

改善点 ● 混雑具合を予想し、トイレをおすすめする機能 ● データ管理システムの完成 ● 複数階にトイレがある場合に対応 ● Open Source化