{"id":23396145,"url":"https://github.com/b13o/pomodoro-timer","last_synced_at":"2026-05-13T23:31:57.944Z","repository":{"id":267983876,"uuid":"896787519","full_name":"b13o/pomodoro-timer","owner":"b13o","description":"⏰ Simple Pomodoro Timer build with React Hooks.","archived":false,"fork":false,"pushed_at":"2025-03-15T09:52:15.000Z","size":51,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-15T10:29:12.469Z","etag":null,"topics":["custom-hooks","react","typescript","useeffect","usereducer","useref","usestate"],"latest_commit_sha":null,"homepage":"https://b13o.github.io/pomodoro-timer/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/b13o.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-12-01T10:04:00.000Z","updated_at":"2025-03-15T09:52:19.000Z","dependencies_parsed_at":"2024-12-13T17:46:47.608Z","dependency_job_id":"b865963a-39f0-4b9c-8274-cf48cc94b639","html_url":"https://github.com/b13o/pomodoro-timer","commit_stats":null,"previous_names":["b13o/pomodoro-timer"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/b13o%2Fpomodoro-timer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/b13o%2Fpomodoro-timer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/b13o%2Fpomodoro-timer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/b13o%2Fpomodoro-timer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/b13o","download_url":"https://codeload.github.com/b13o/pomodoro-timer/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247891970,"owners_count":21013617,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["custom-hooks","react","typescript","useeffect","usereducer","useref","usestate"],"created_at":"2024-12-22T07:30:11.498Z","updated_at":"2025-10-25T03:03:25.657Z","avatar_url":"https://github.com/b13o.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cimg width=\"1273\" alt=\"pomodoro\" src=\"https://github.com/user-attachments/assets/c73bc7bf-f5bf-4d99-848b-cc29aa8b44a7\" /\u003e\n\n# ポモドーロタイマー\n\n## 概要\n\nこのプロジェクトでは、ポモドーロタイマーを構築します。\n25 分の作業、５分の休憩を繰り替えすタイマーを実装し、残り時間を表示します。\n時間になったらチャイムが鳴る、一般的なタイマーです。\n\n## 学習目標\n\nさまざまな React Hooks を組み合わせた実装を学習します。\n\n特に、useRef フックを使ったデータ管理と、useState との使い分けについて確認してください。\n\n### 推奨技術\n\nこのプロジェクトの難易度と趣旨を踏まえて、以下の使用をお勧めします。\n\n- vite を用いた React 環境構築\n- TypeScript による型チェック\n- Tailwind CSS を用いたスタイリング\n- useState, useRef を用いた値の管理\n- useEffect による副作用\n- Web Audio API の使用\n- GitHub Pages へのデプロイ\n\n---\n\n## 🎯 お題\n\n- 「ユーザーストーリー」を全て満たす、アプリを構築してください。\n- 必要に応じて、スクリーンショットやデモサイトの URL を、参照してください。\n- なお、スタイルは、あなた自身で独自にカスタマイズすることが可能です。\n\n### 必須機能\n\n1. **タイマー**:\n   - 25 分間の作業と、5 分間の休憩を計測できる。\n   - 残り時間を、秒単位で表示する。\n2. **タイマーの操作**:\n   - ボタンをクリックすると、特定の操作ができるボタンを設置する\n3. **チャイム**:\n   - 継続している時間が０になったら、チャイムが鳴る\n\n## ユーザーストーリー\n\n- [ ] ユーザーがサイトにアクセスすると、タイマーが表示されている\n- [ ] 現在のセッションタイプ（作業/休憩）が明確に表示される\n- [ ] タイマーの残り時間がリアルタイムで表示される\n- [ ] ユーザーは、タイマーを開始、一時停止、再開、リセットできる\n- [ ] ユーザーは、セッションタイプ（作業/休憩）の切り替えができる\n- [ ] タイマー終了時に、サウンド通知が鳴る\n- [ ] タイマー終了時に、セッションモードが切り替わり、自動的にタイマーが開始する\n- [ ] アプリケーションがデプロイされており、誰でもアクセス可能である。\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fb13o%2Fpomodoro-timer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fb13o%2Fpomodoro-timer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fb13o%2Fpomodoro-timer/lists"}