タスク管理アプリ

概要

このプロジェクトは、React、TypeScript、Viteを使用して構築されたタスク管理アプリケーションです。ユーザーはタスクの作成、表示、管理を行うことができます。

デプロイ

このアプリケーションは以下のURLでデプロイされています： https://tryjunie.vercel.app/

機能

• タスク一覧：タスクの統計情報（合計見積もり時間や計算された終了時刻など）がタスク一覧ページに表示されます。すべてのタスクを表示します。
• タスク詳細：タスクの詳細（タイトル、見積もり時間（分））はタスク一覧内でインラインで編集可能です。専用のタスク詳細ページはありません。
• タスク作成：新しいタスクを作成
• インテグレーションキー管理：このページでインテグレーションキーを管理できます。

技術スタック

• フロントエンド：React、TypeScript
• ルーティング：React Router
• スタイリング：Tailwind CSS
• UIコンポーネント：Radix UI
• アイコン：Lucide React
• ビルドツール：Vite

インストール方法

前提条件

• Node.js (バージョン14以上)
• npm または yarn

セットアップ手順

1. リポジトリをクローンする

   git clone [ここにリポジトリのURLを挿入してください]
   cd task-management-app

2. 依存関係をインストールする

   npm install
   # または
   yarn install

3. 開発サーバーを起動する

   npm run dev
   # または
   yarn dev

4. ブラウザで以下のURLにアクセスする

   http://localhost:5173
   

使用方法

• タスク一覧ページ: アプリケーションのメインページです。特定の日付のタスクを表示し、タスクの並び替え、編集、削除が可能です。また、タスクの総見積もり時間などの統計もここに表示されます。
• タスクのクイック追加: タスク一覧ページの上部にある入力フィールドから、新しいタスクを迅速に追加できます。
• タスクのインライン編集: 各タスクのタイトルや見積もり時間は、一覧内で直接クリックして編集できます。
• インテグレーションキー管理: ナビゲーションメニューからアクセスし、外部サービスとの連携に使用するAPIキーなどを管理します。

開発コマンド

• npm run dev：開発サーバーを起動します
• npm run build：プロダクション用にアプリケーションをビルドします
• npm run lint：ESLintを使用してコードをリントします
• npm run preview：ビルドされたアプリケーションをプレビューします

ライセンス

このプロジェクトはプライベートであり、特定のライセンスの下で配布されていません。