あなたはシニアフルスタックエンジニアです。 大阪市都島区・京橋エリアの地域住民・子育て世帯向けの「地域チラシ・プリント自動仕分け&カレンダー連携プロトタイプ(京橋・都島 地域データ循環ハブ)」のWebアプリケーションを作成してください。
住民が日常的にスマホで撮影する「学校プリント」や「地域イベント・商店街のチラシ」をGeminiのマルチモーダル機能で解析し、ユーザーが設定した「連携ルール」に基づいて「個人のGoogleカレンダー(PRIVATE)」と「京橋・都島 地域共有カレンダー(PUBLIC)」に自動仕分け・登録する仕組みを、視覚的なUIで体験できるWebアプリです。
ヘッダーにタイトルとステータスバッジを表示し、以下の4つのタブを切り替えられるモダンで使いやすいUI(Tailwind CSS + Lucide icons)にしてください。
- 「チラシ解析シミュレーター」タブ(初期表示タブ):