Stopwatch by Tom Miller #79

HamsterStack · 2024-01-30T04:57:28Z

Description

The goal was to make a stopwatch app with React Native + TypeScript. The following are all part of the stopwatch's features.

Start stopwatch to begin counting time
Stop the stopwatch to pause and stop counting time
Display laps every time the lap button is tapped along with displaying the maximum and minimum lap in green and red respectively
Reset stopwatch and all laps when reset button is tapped

Created useStopWatch hook to separate logic of stopwatch and everything else.
Created stopwatch timer in the format of hh:mm:ss:SS(SS is centiseconds)
Refactored existing tests and added two new tests to test new minimum and maximum lap features.

This reverts commit 0e71f21.

Tom Miller and others added 21 commits January 29, 2024 16:02

Added useStopwatch hook

6eea30b

Created simple stopwatch button with new hook

cff975f

Created stopwatch component with stopwatchbutton and laps

06c2d42

Added min & max lap logic and UI

49bd701

Put stopwatch component in app.tsx

f5d8f3c

Fixed laps problem and optimized with useMemo

9fd92ab

Changed stopwatch hook name to match other file names

e9292c0

Modified tests to match design choices and added one for max/min laps

329fec0

Fixed glitch where you could add laps before starting

2fbf679

Fixed another lap glitch where you can add laps when paused

5c3e835

Cleaned up custom colors and added new test

bc95e29

Update README.md

8b2f566

Update README.md

9425f38

Update README.md

f137a4f

Update README.md

c01f194

Update README.md

b3027b3

Update README.md

301a920

Update README.md

396d21b

Cleaned up tests

0e71f21

Moved components to components folder

7ee00df

Revert "Cleaned up tests"

97d62e7

This reverts commit 0e71f21.