【個人開発】 Express + TypeScript + React + React Nativeを使用したモノレポ構成

売上月一万円を目指す 議事録#1

はじめに

こんにちは！
現在個人開発を行って売上月一万円を叩き出せるように頑張っています！
意見やコメントをバシバシ受け付けているので、お願いします！
実際のコードは下部にリポジトリURLを貼ってあるのでぜひ見て下さい！

プロジェクト概要

「ふどろす」は、冷蔵庫の在庫管理と予算に基づいたレシピ提案を行うアプリケーションです。
一人暮らしをしていて食材の賞味期限がいつの間にか切れてしまう経験はありませんか？
今回の開発は家の食材を切らす事を防ぎたいため、アプリを開発しています！

技術スタック

• バックエンド: Express.js + TypeScript + Sequelize + PostgreSQL
• 管理画面: React + TypeScript + Vite + Tailwind CSS
• モバイルアプリ: React Native + Expo Go
• 一般ユーザー向けLP: HTML/CSS/JavaScript（静的サイト）
• 共有モジュール: TypeScript（型定義、ユーティリティ）
• インフラ:
  • バックエンド: Render
  • 管理画面: Vercel
  • LP: Vercel
  • データベース: Supabase（本番）/ Docker Compose（開発）

ディレクトリ構造(モノレポ)

hudorosu_backend/
├── packages/
│   ├── backend/      # Express + TypeScript バックエンド
│   ├── frontend/     # React 管理画面
│   ├── lp/           # HTML/CSS ランディングページ
│   └── mobile/       # React Native モバイルアプリ
├── shared/           # 共有モジュール（型定義、ユーティリティ）
├── docker-compose.yml
└── package.json      # ルートのpackage.json（workspaces設定）

アカウント

開発中アプリ