frontworksdev / pomodoro-with-tdd

Pomodoro with TDD

テスト駆動開発でポモドーロタイマーを作成してみる。

参考：

• テスト駆動開発(TDD)でポモドーロタイマー制作【React + TypeScript】 - Qiita
• Vite+React+TypeScriptに テスト環境 Jest＋TesttingLibrary をステップbyステップで作る

pomodoro-with-tdd's Issues

ポモドーロ仕様

• 作業時間は25分、休憩時間は5分。※長い休憩は実装しない。
• タイマーの残り時間がテキストで表示される(MM:SS形式)。
• 最初は作業時間がセットされている。
• 開始/停止ボタンが表示される。
  • タイマーが停止しているときは「開始」、タイマーが作動しているときは「停止」と表示される。最初はタイマーは停止している。
• 作業/休憩がテキストで表示される。
  • タイマーが停止しているときと作業中は「作業」、休憩中は「休憩」と表示される。
• 開始ボタンを押すと、タイマーのカウントが開始される。カウントは1秒ずつ減っていく。
• タイマーのカウント時に残り時間が0の場合、作業中の場合は休憩に切り替わり、残り時間に休憩時間がセットされ、休憩中の場合は作業に切り替わり、残り時間に作業時間がセットされる。
• 停止ボタンを押すと、休憩中の場合は作業に切り替わり、残り時間に作業時間がセットされ、タイマーが止まる。