操作
バグ #471
未完了【親】レジュメ変換システム - フロントエンド基盤構築
ステータス:
新規
優先度:
高め
担当者:
-
開始日:
2025-06-11
期日:
進捗率:
0%
予定工数:
説明
概要¶
レジュメ変換システムのフロントエンド基盤構築を行います。React + TypeScriptを使用したフロントエンド環境の設定、Material-UIとTailwindCSSによるUIコンポーネントの基盤構築を行います。
作業内容¶
-
フロントエンド環境構築
- React + TypeScriptのプロジェクト初期化
- ビルド環境の構築 (Webpack/Vite)
- ESLint, Prettierなどの開発環境設定
-
UIライブラリ導入
- Material-UIの導入と設定
- TailwindCSSの導入と設定
- テーマ設定とカスタマイズ
-
状態管理基盤構築
- React Contextの設定
- カスタムフックの作成
- 状態管理ユーティリティの実装
-
ルーティング実装
- React Routerの設定
- 画面遷移フロー実装
- ルートガード実装
-
共通コンポーネント実装
- レイアウトコンポーネント
- フォームコンポーネント
- 通知コンポーネント
- モーダルコンポーネント
-
APIクライアント実装
- Axiosの導入と設定
- API呼び出し共通処理の実装
- エラーハンドリング
成果物¶
- Reactプロジェクト基盤
- UIコンポーネントライブラリ
- 状態管理基盤
- ルーティング設定
- 共通コンポーネント
- APIクライアント
技術スタック¶
- React v18以上
- TypeScript v5以上
- Material-UI v5以上
- TailwindCSS v3以上
- React Router v6以上
- Axios
参照¶
操作