G
Student App
Glun
Webサイト保守に特化した タスク共有・管理アプリ
制作者S・T
使用技術React 18 / TypeScript React Router v6 / Vite Tailwind CSS
アプリ種別 Webアプリ
スクリーンショット
アプリ概要
Webサイト保守では、どこを、どう直すかが伝わりにくい。
画像付き指示とプロジェクト単位の管理で、
保守作業の認識違いを減らすアプリを目指しました。
主な機能
- プロジェクトごとに情報を整理
- タスクの進捗を可視化
- 画像付きで作業指示を共有
- メンバーごとに権限を管理
こだわり・制作で意識したこと
ログイン状態に応じて画面を制御(ProtectedRoute)
共通レイアウトで保守しやすく
取得したデータをContextAPIで保持し、繰り返しのリクエストを削減
画像とコメントを紐づけて作業指示を管理
UI/UX
01 迷わない導線
サイドバーとタブで、案件・画面の切り替えを整理
02 進捗の可視化
ボード表示でステータスごとのタスク量を把握
03 指示の具体化
画像×コメントの作業指示で認識違いを減らす