Projectsに戻る
個人開発開発中

SalesFlow AI

顧客・案件管理を想定した個人開発Webアプリ

顧客情報や案件情報を一元管理することを想定した業務支援Webアプリケーションです。Next.js・TypeScriptを使用して、一覧・詳細・登録・編集画面などのフロントエンドを実装しています。

概要

担当範囲
フロントエンド設計・実装
開発状況
継続開発中
使用技術
Next.jsTypeScriptTailwind CSS

実装・設計内容

顧客一覧画面
顧客詳細画面
顧客登録画面
顧客編集画面
案件一覧画面
案件詳細画面
案件登録画面
案件編集画面
共通レイアウト

工夫した点

•

App Routerを利用した画面構成

•

TypeScriptによる型定義

•

再利用可能なUIコンポーネント設計

•

顧客と案件を関連付けた画面構成

•

レスポンシブを意識したUI設計

課題と改善

画面単位で重複していたUIを共通コンポーネントへ整理
Customer・Projectなどの型を明確にして保守性を改善
フロントエンドとAPIを分離できる構造を意識して設計