だるめし

@ここにいい感じのバナー画像が入る@

@バナーに貼るリンク https://dull-meshi.onrender.com/ @

だるめし: 質問に答えていくだけで献立を提案してくれるアプリ

使い方

dull-meshi-video-ver2.mp4

開発した背景

ある調査によると、自炊をしない理由の第一位は「面倒だから」。そんな悩みを解決するのが本サービスです。

各レシピサイトのレシピを横断的に検索。お気に入りのレシピを見つけやすくなります！

＠もう少し膨らます＠

使用技術

• バックエンド
  • Express / Typescript
  • Supabase
  • Prisma
• フロントエンド
  • React / Typescript
  • Vite
  • CSS Modules
• インフラ
  • Render
  • GitHub Actions

環境構築

セットアップ

git clone git@github.com:ut-code/menu.git

cd menu

npm ci

backend ディレクトリに移動（cd backend）

npm run setup:env

.env ファイルに DATABASE_URL と SUPABASE_URL と SUPABASE_ANON_KEY を埋める。

npm run setup

Elasticsearch を起動する

docker-compose up -d

Elasticsearch にデータを投入する

npx ts-node src/helpers/initializeElasticSearchData.ts

frontend ディレクトリに移動（cd frontend）

npm run setup:env

.env ファイルに VITE_SUPABASE_URL と VITE_SUPABASE_ANON_KEY を埋める。

npm run setup

サーバの起動

backend ディレクトリに移動

npm run dev

Terminal をもう一つ開く

frontend ディレクトリに移動

npm run dev

ブラウザで http://localhost:5173 にアクセスすると、表示されるはずです。

テスト

backend ディレクトリに移動

npx jest

frontend ディレクトリに移動

npx vitest