Pomodoro Timer App

Pomodoro Timer App

これは、カスタマイズ可能なタイマーを使用して生産性を向上させるように設計されたポモドーロ フォーカス アプリです。このアプリには、集中、短期休憩、長期休憩の各モードに加えて、毎週の集中力の統計を確認する機能が含まれています。プロジェクトは HTML、CSS、JavaScript を使用して構築されます。

ライブデモ

ライブバージョンはこちらからご覧ください。

特徴

• フォーカス モード: フォーカス、短い休憩、および長い休憩モードが含まれます。
• カスタム タイマー: 集中期間、休憩の長さを調整し、長い休憩の前に集中セッションを何回行うかを設定します。
• ダーク & ライト テーマ: ダーク モードとライト モードを切り替えて快適さを高めます。
• 毎週のレビュー: 毎日の集中時間と週ごとの合計集中時間を表示します。データは新しい週の初めにリセットされます。
• ローカル ストレージ: 設定と週次統計はブラウザのローカル ストレージに保存されます。

デザインのインスピレーション

このアプリのデザインは、Figma のポモドーロ タイマー UI キットからインスピレーションを得ています。オリジナルのデザインはこちらからご覧いただけます。

使用されている技術

• HTML : Web アプリの構造。
• CSS : スタイリングとレスポンシブデザイン。
• JavaScript : 機能、タイマー、設定管理、データの永続化。

プロジェクトをローカルで実行する方法

1. このリポジトリのクローンを作成します。

   git clone https://github.com/arianimmen/Pomodoro-Timer-App.git

2. プロジェクト ディレクトリに移動します。

    cd Pomodoro-Timer-App

3. ブラウザでpublic/index.html開いてアプリを起動します。

貢献

貢献は大歓迎です！自由にリポジトリをフォークしてプル リクエストを送信してください。