About

A stopwatch with CRT moniter theme.

Check it out here: https://crt-timer.onrender.com/

In the future I hope to add time tracking functionailty.

Table of Contents

Local Setup
What I learned
Credits

Local Setup

Donwload or clone the repository from GitHub.

Install dependencies using npm install

npm install

Run locally with npm run start

npm run start

What I learned

Practiced creating, updating and using local state with the useState React Hook.
Learned how to use interval to repeatedly call a function. This was used to update the time.
Learned to convert the time from milliseconds to the correct minute, seconds and milliseconds.
Learned to add, play and adjust sound volume into a Javascript project.
Creating an old fashioned looking computer mointer appearance. This article was gave me the idea to use a radial gradient to simulate the CRT screen.

Credits

CRT Moniter Effect courtesy of Alec Lownes
Watch Ticking sound effect from Pixabay
Digital Clock Icon by FreePik

License

You can find the License for this project here

This project is licensed under the terms of the MIT license.