Projectsに戻る
個人開発開発中
SalesFlow AI
顧客・案件管理を想定した個人開発Webアプリ
顧客情報や案件情報を一元管理することを想定した業務支援Webアプリケーションです。Next.js・TypeScriptを使用して、一覧・詳細・登録・編集画面などのフロントエンドを実装しています。
概要
担当範囲
フロントエンド設計・実装
開発状況
継続開発中
使用技術
Next.jsTypeScriptTailwind CSS
実装・設計内容
顧客一覧画面
顧客詳細画面
顧客登録画面
顧客編集画面
案件一覧画面
案件詳細画面
案件登録画面
案件編集画面
共通レイアウト
工夫した点
•
App Routerを利用した画面構成
•
TypeScriptによる型定義
•
再利用可能なUIコンポーネント設計
•
顧客と案件を関連付けた画面構成
•
レスポンシブを意識したUI設計
課題と改善
画面単位で重複していたUIを共通コンポーネントへ整理
Customer・Projectなどの型を明確にして保守性を改善
フロントエンドとAPIを分離できる構造を意識して設計