タスクトラッカー (task-tracker)
概要
task-trackerは、Expoベースで構築されたReact Native + TypeScriptの小規模モバイルアプリです。基本的な機能としてタスク一覧の表示、タスク追加(空白入力のバリデーション有り)、完了状態のトグル、タブによるフィルタ(All / Active / Completed)、およびAsyncStorageを使ったローカル永続化が実装されています。構成は軽量で学習用途やプロトタイプに適しており、huskyやVSCode設定など開発環境の配慮も見られます。
リポジトリの統計情報
- スター数: 1
- フォーク数: 0
- ウォッチャー数: 1
- コミット数: 3
- ファイル数: 18
- メインの言語: TypeScript
主な特徴
- タスクの一覧表示と完了/未完了の切替
- タスク追加時の入力バリデーション(空白無効)
- タブによるフィルタ(All / Active / Completed)
- AsyncStorageを用いたローカル永続化
技術的なポイント
このプロジェクトはExpoの管理ワークフロー上に構築されたReact Nativeアプリで、TypeScriptを採用して型安全性を確保しています。タスクはローカル状態(ReactのuseStateなど)で管理され、永続化にはAsyncStorageを利用しており、アプリの再起動後もタスクが保持されます。入力部分では空または空白のみのエントリを弾くバリデーションが実装されており、ユーザーには何らかのフィードバックが返される設計です。UIはタスクごとのチェックボックス(完了トグル)と、タブUIでのフィルタリングによってシンプルに操作可能です。
開発周りでは.huskyディレクトリが含まれており、コミット時のフックやLint/フォーマットの自動化が想定されます。.vscode設定が同梱されているためチーム内で共通のエディタ設定を共有しやすく、PLAN.mdがプロジェクト計画やTODOを示している点から開発プロセスが意識されています。コミット数が少なくまだ初期段階のため、構造は簡潔で理解しやすく、学習用途や素早いプロトタイピングに適します。改善余地としては、タスクの型定義と状態管理の分離、カスタムフック化、ユニットテスト導入、E2Eテスト、バックアップ/クラウド同期の追加などが挙げられます。
プロジェクトの構成
主要なファイルとディレクトリ:
- .gitignore: file
- .husky: dir
- .vscode: dir
- PLAN.md: file
- README.md: file
…他 13 ファイル
(ファイル数合計: 18)
まとめ
シンプルで学びやすいタスク管理アプリの初期実装。学習・プロトタイプに最適。
リポジトリ情報:
- 名前: task-tracker
- 説明: 説明なし
- スター数: 1
- 言語: TypeScript
- URL: https://github.com/emperorbj/task-tracker
- オーナー: emperorbj
- アバター: https://avatars.githubusercontent.com/u/138551605?v=4
READMEの抜粋:
Task Tracker
A small mobile app for managing a list of tasks. Built with Expo, React Native, and TypeScript.
Features
- View tasks — List all tasks with title and completion state
- Add tasks — Input + Add button; empty or whitespace-only entries are rejected with feedback
- Toggle completion — Checkbox per task to mark complete/incomplete
- Filter — Tabs: All | Active | Completed
- Persistence — Tasks saved locally with AsyncStorage and surviv…