おうちごはんカレンダー

なぜこのサービスを作ったか　　

普段、献立や買い物リストをiPhoneのメモアプリで管理していました。

献立のメモに気になったレシピサイトのURLを貼り付けたり、献立を見ながら買い物リストへ必要な食材を転記したりと、アナログな管理を行う日々。

また、「以前作ったレシピをもう一度作りたい」と思った時にレシピを探し出せなかったり、献立や買い物リストの管理に手間を感じたりすることもありました。

そこで、レシピ・献立・買い物リストをまとめて管理できるアプリがあれば便利なのではないかと考え、本サービスを開発しました。

使用技術

■ フロントエンド
・React
・Next.js
・TypeScript
・Tailwind CSS

■ ライブラリ
・React Hook Form（フォーム管理）
・SWR（データ取得・キャッシュ管理）
・dnd kit（ドラッグ＆ドロップ機能）
・Radix UI（モーダル・メニューUI）

■ バックエンド・データベース
・Prisma
・PostgreSQL

■ BaaS・外部サービス
・Supabase（認証・ストレージ）
・Resend（メール送信）

■ インフラ
・Vercel

こだわった箇所

日常的に使うアプリなので、機能面だけでなく親しみやすいデザインを意識しました。

特にホーム画面の背景画像やロゴ、献立カレンダー画面のイラストは、柔らかい雰囲気を表現するためにiPadで手描きし、オリジナルのデザインとして制作しました。

また、パソコンとスマートフォンの両方で快適に利用できるよう、画面サイズに応じたレイアウトや操作性の調整にも力を入れております。