目次
操作デモ
アプリ概要
このアプリは、顧客・案件・タスク・活動履歴・通知を一元管理できるCRM（顧客管理）Webアプリです。
日々の営業活動や顧客対応の可視化・効率化を目的としています。
使用技術
- フロントエンド：React, Vite, Tailwind CSS, React Router
- バックエンド：Node.js, Express
- データベース：MongoDB（Mongoose）
- 状態管理 / 認証：Context API, Firebase
- ホスティング：Render
こだわった点
本アプリでは、将来的な機能拡張やデータの整合性を重視し、リレーションを意識したデータベース設計に注力しました。
単なるデータ保存に留まらず、「顧客（Customer）」を核としたモデル設計を行っています。
- データモデルの連携: 「顧客」を中心に、「売上（Sales）」や「問い合わせ（Contact）」をMongoDBのObjectIdで紐付け、1対多のリレーションを構築しました。
- ハイブリッドなID管理: Firebase Authの「UID（担当者）」とMongoDBの「ObjectId（顧客）」を併存。認証ユーザーと業務データが正確に結びつく、安全で整合性の高い管理体制を実現しました。
この設計により、**「どの担当者が、どの顧客に対し、どのようなアクションを行ったか」**というCRMの本質的なデータ構造を実装しました。
※無料サーバーのため起動に時間がかかります。