タスクトラッカー (task-tracker)

Mobile

概要

task-trackerは、Expoベースで構築されたReact Native + TypeScriptの小規模モバイルアプリです。基本的な機能としてタスク一覧の表示、タスク追加(空白入力のバリデーション有り)、完了状態のトグル、タブによるフィルタ(All / Active / Completed)、およびAsyncStorageを使ったローカル永続化が実装されています。構成は軽量で学習用途やプロトタイプに適しており、huskyやVSCode設定など開発環境の配慮も見られます。

GitHub

リポジトリの統計情報

  • スター数: 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)

まとめ

シンプルで学びやすいタスク管理アプリの初期実装。学習・プロトタイプに最適。

リポジトリ情報:

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…